Fileuploadは、海外の純粋なJavaScriptで記述された大きなファイルアップロードコンポーネントです。このコンポーネントは、シャードのアップロード、ブレークポイントの継続、複数のファイルなどの機能をサポートしています。
Fileuploadアップロードコンポーネントカスタムテンプレート(Fineuploaderbasic)を使用する方法は次のとおりです。
以下は構成コードです。
フロントエンド構成:
<! - 定義ボタン - > <div id = "basic_uploader_fine"> <i> </i> select file </div> <div id = "triggerupload">クリックしてアップロードして</div> <! - 情報を表示 - > <div = "div div =" div div div> <div = "cancelupload" id = "Pausupload"> Suspend upload </div> <div id = "continueupload">継続アップロード</div> <script> $(document> $(document).ready(function(){$ fub = $( '#basic_uploader_fine'); $ messages = $( '#messages');モードマルチ:TRUE://マルチファイルアップロードボタン:$ fub [0]、// upload button autoupload:false、//自動的にアップロードしない場合は、アップロードされたFilessメソッドを手動でアップロードする場合//アップロードファイルの検証を検証します:{aboldextensions:['jpeg'、jpg '、' png '、' png '、' png '、' png '、' png '、' png '、' png '、' png '、' png '、 (相対的または絶対アドレス)リクエスト:{endpoint: 'server/endpoint.php'}、retry:{enableauto:false // defaults to false自動retry}、chunking:{enabled:true、partize:500、// default is concurrent:{enabled:exurrent/defantrent 3 Upload、succurrent:succurent: "server/endpoint.php?done" //グループのアップロードは処理後に完了します}}、//コールバックコールバック:{//ファイルはonsubmit:function(id、filename){$ message.append( '<div id = "file-' + id + '" style = "" margin:20px 0>' + '</div> filename){$( '#file-' + id).addclass( 'alert-info').html( '<img src = "client /loading.gif">' + 'Intializing' + '"'); '%' + math.round(合計/1024) + 'kb'; + 'アップロードファイル...' +進行状ファイル...... '); ' +'アップロード ' +' ' + filename' "'); onerror:function(name、reason、maybexhrorxdr){console.log( '_' + '_' +理由)、 $( '#cancelupload') $( '#pauseupload')。クリック(function(){uploader.pauseupload(0);});PHPコード:
//handler.phpファイル公式ウェブサイトが必要です_once "handler.php"; $ uploader = new uploadhandler(); //ファイルタイプlime $ uploader-> aboldextensions = array(); //ファイルサイズ制限$ uploader-> sizelimit = null; //アップロードファイルボックス$ uploader-> inputname = "qqfile"; //グループ化されたファイルのストレージ場所を定義します$ uploader-> chunksfolder = "chunksfolder =" chunks "; $ method = $ _server [" request_method "]; Handler.phpコードとフォルダー生成ルールを追加[カスタマイズすることもできます]))$ uploadDirectory = $ uploader-> getPathname( 'member_avatar'); if($ method == "post"){header( "content-type:text/plain"); //グループのアップロードが完了した後にグループをマージする($ _ get ["done"])){$ result = $ uploader-> combinechunks($ uploaddirectory); //グループ化されたファイルをマージ} else {//アップロードファイル$ result = $ uploader-> handleupload($ uploaddirectory); //アップロードされた名前を取得$ result ["uploadname"] = $ uploader-> getuploadname(); } echo json_encode($ result);} //ファイル処理else if($ method == "delete"){$ result = $ uploader-> handledelete($ uploaddirectory); echo json_encode($ result);} else {header( "http/1.0 405メソッドが許可されていない");}上記はシンプルなカスタムテンプレート構成です。すべての人の学習に役立つことを願っています。