3

私はjtableプラグインを使用していました。フォームにファイルまたは複数のファイル（ほとんどの画像）をアップロードする必要性を満たすまで、問題なく機能していました。調べてみたところ、jtableにはこの機能がないことがわかりました。複数のファイルのアップロードをサポートするjqueryプラグインはありますか？

4

3 に答える 3

2

jqueryグリッドプラグインにバンドルされている画像アップロード機能は、関心の分離であるため、おそらく見つかりません。行の追加/編集時にファイルアップロードプラグイン/ajax関数をビルド/組み込み、その行データまたはjsonオブジェクトと一緒に保存することをお勧めします。

非常に高度なjQueryテーブルプラグインの場合、ほとんどのプロジェクトではやり過ぎですが、通常はhttp://www.trirand.com/blog/jqgrid/jqgrid.htmljqGridに向かって進みます。

複数のファイルを処理する優れたアップロードプラグインについては、http：//blueimp.github.com/jQuery-File-Upload/をご覧ください。

アップロードプラグインをグリッド行データにフックできるはずです。

于 2013-02-19T16:23:37.470 に答える
1

こんにちは、jtableでUploadifyを使用できます。私が最後の投稿で行った手順を参照してください（une6）

https://github.com/hikalkan/jtable/issues/321

理解するのに少し時間がかかりましたが、それがあなたにも役立つことを願っています

于 2013-07-18T07:34:09.523 に答える
1

次の手順に従ってください1.このコードをフィールド"image_upload：{title：'P. Image'、list：true、width： '20％'、の下のjtablejavascriptコードに追加します

                     display: function (data) {
                  return '<div id='+ data.record.PersonId + '><form id="form'+ data.record.PersonId +'" method="post" enctype="multipart/form-data" action="ajaximage.php"><input type="file" name="photoimg" id="'+ data.record.PersonId +'" class="upload"/><input type="hidden"  value="'+ data.record.PersonId +'"/></form></div><div id="preview'+ data.record.PersonId +'"></div>';
                       }"

「data.record.PersonId」では、PersonIdはデータベースからjtableによって返されます

  1. http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.htmlからスクリプトをダウンロードします
  2. フォルダを解凍し
    、ファイルjquery.form.jsをコピーして貼り付け、このファイルをページに含めます

  3. このコードをヘッダーに追加します

    $（document）.ready（function（）{

        $('.upload').live('change', function()          { 
       var id=this.id;
           $("#preview"+id).html('');
        $("#preview"+id).html('<img src="img/loader.gif" alt="Uploading...."/>');
     $("#form"+id).ajaxForm({
                target: '#preview'+id
    }).submit();

    });
});

  4. フォルダ名をアップロードしてファイルを保存するか、ajaximage.phpにカスタマイズします

  5. loader.gifを解凍ディレクトリからディレクトリにコピーして貼り付け、お楽しみください
于 2014-02-17T08:41:06.880 に答える