1.開発中、ユーザーの添付ファイルをアップロードする機能が必要になる場合があります。バッチアップロード機能を実現するために、実際に複数のアップロードタスクをコレクションに配置し、個別にアップロードします。
2.Plupload JSプラグインを使用すると、パラメーターを使用してマルチファイルアップロードを簡単に実装できます
3.特定のJS実装方法
<script type = "text/javascript"> var map = {}; //ファイルIDキーとファイルタイプ値のコレクション//カスタム例logicvar uploader = new plupload.uploader({runtimes: 'html5、flash、silverlight、html4'、browse_button: 'pickfiles " document.getElementByid( 'container')、// ...またはdom element itys: '../actue/photoupload.jsp'、flash_swf_url:' ../../js/moxie.swf',silverlight_xap_url: '../../js/moxie.xap [{タイトル: "image type"、拡張子: "jpg、gif、png"}]}、init:{postinit:function(){document.getelementbyid( 'uploadfiles')。 情報uploader.setoption( "multipart_params"、{"apptype":$ {param.type}、 "id":$ {param.id}、 "filetype":map [file.id]});}、fileUpロード:function(up、file){$( "#"+file.id+"btn")。parent()。html( "uploaded"); $( "#"+file.id+"btn")。remove();}、filesadded: function(up、files){if($( "#filetype")。val()== 1){alert( "添付ファイルタイプを選択してください!"); // [今すぐ選択したファイルをクリアしますplupload.each(files、file){uploader.removefile(file.id);}) {map [file.id] = $( "#filetype")。val(); $( "#uploadtable")。 id = '"+file.id+" btn' onclick = del( '"+file.id+"')> delete </button> </td> <td id = '"+file.id+" _ progress'> </td> </tr> ");});});} {$( "#"+ file.id+ "_ progress") del(id){uploader.removefile(id); $( "#"+id+"tr")。remaid(); map [id] = "";} </script>その他のパラメーターは、公式ウェブサイトhttp://www.plupload.com/にあります。
オタクのプログラマー、彼の文学的な才能は良くありません。疲れているように見える場合は、JSを直接コピーしてください。ある必要があることに注意してください:
<div id = "filelist"> </div> <div id = "container"> <center>ヒント:「マーチャントビジネスライセンス」、「税登録証明書」、「コーポレートアイデンティティカードの入力」、「検査写真」、「商人情報アンケート」、「商人契約」をアップロードする必要があります。 </center> <label>添付ファイルタイプ:</label> <select name = "filetype" id = "filetype"> <option value = "1"> ------選択してください------ </option> <option> <option value = "merchantビジネスライセンス"> option> <option value = "税登録証明書>オプション</option </option> <option> <option> <option> <option> <" option table <値= "その他">その他</option> </select> <button id = "pickfiles"> select file </button> <button id = "uploadfiles"> batch upload </button> <button onclick = "windocy.location.reload()"タイプ</td> <td>ファイル名</td> <td>操作</td> <td>進行状況をアップロード</td> </tr> </table> </div>
上記は、編集者がPluploadカスタムパラメーターを使用してマルチファイルアップロードを実現するために紹介したものです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!