FileUpload는 해외에서 순수한 JavaScript로 작성된 대형 파일 업로드 구성 요소입니다. 이 구성 요소는 샤드 업로드, 중단 점 연속 및 여러 파일과 같은 기능을 지원합니다.
다음은 FileUpload 업로드 컴포넌트 사용자 정의 템플릿 (FINEUPLOADERBASIC)을 사용하는 방법입니다.
다음은 구성 코드입니다.
프론트 엔드 구성 :
<!-정의 버튼-> <div id = "basic_uploader_fine"> <i> </i> 파일 선택 </div> <div id = "triggerUpload"> 업로드를 클릭하여 클릭하십시오 </div> <!-정보 표시-> <div id = "div id ="div id = "cancelUpload"> 취소 </div> < "cancelall"> id = "pauseupload"> 업로드 </div> <div id = "windingupload"> 계속 업로드 계속 업로드 </div> <cript> $ (document) .ready (function () {$ fub = $ ( '#basic_uploader_fine'); $ message = $ ( '##messages'); var uploader = new qq.fineuploaderbasc (debug : // // // true, // 멀티 파일 업로드 버튼 : $ fub [0], // 업로드 버튼 자동 지원 : // 자동으로 업로드하지 않으면 UploadStoredFiless 메소드를 호출하여 수동으로 업로드하여 업로드 파일 유효성 검사를 확인하십시오. 절대 주소) 요청 : {endpoint : 'server/endpoint.php'}, Retry : {enableAuto : false // false a automally retry}, chunking}, chunking : {enabled : partize : 500, // 그룹 크기, 기본값은 2M 동시에 : inabled : enabled : concurrent 3, default 3 concurnt}, 성공했습니다. "server/endpoint.php? done"// Group Upload는 처리 후 완료됩니다}}, // 콜백 함수 콜백 : {// 파일은 onsubmit : function (id, filename) {<div id = "file- ' + id +'"style = "margin : 20px 0"> </div> + '); filename) {$ ( '##file-' + id) .addclass ( 'alert-info') .html ( '<img src = "client /loading.gif">' + '초기화' + '' ';}, // progress onprogth bar : function (id, filename, loaded, thant) {thath <thath = thath = red) ' + math.round의% (Total/1024) +'kb '; removeClass ('alert-info ') .html ('<img src = "http://img.zcoole.cn/community/01ff275629D096AC725B2COFIF '파일 업로드 ...' + progress)} else {$ ( '##file-' + id) .addclass ( 'alert-info') .html ( '<img src = "http://img.zcool.cn/community/01ff275629d096aC725B2C8E951020202020.gif. ');}}}, // 업로드가 완료된 후 : 함수 (id, filename, responsejson) {if (responsjson.success) {var img = response'[ 'target'] $ ( '##file-' + id) .removeclass ( 'alert-info'). ' +' " + filename + '"')} else { '#alert-info') 함수 (Id + '_' + '_' + rasy}}; $ ( '#cancelUpload'). click (function () {uploader.cancel (0);}) $ ( '#pauseupload'). click (function () {uploader.pauseupload (0);});PHP 코드 :
//handler.php 파일 공식 웹 사이트 requess_once "handler.php"; $ ubloader = new UploadHandler (); // 파일 유형 제한 $ uploader-> allendextensions = array (); // 파일 크기 제한 $ UPLODER-> SIZELIMIT = NULL; // 업로드 파일 상자 $ 업 로더-> 입력자 이름 = "QQFILE"; // 그룹화 된 파일의 저장 위치 정의 $ UPLOADER-> ChunkSfolder = "Chunks"; $ method = $ _server [ "request_method" handler.php 코드 및 폴더 생성 규칙이 추가되어 [또한 사용자 정의 할 수 있습니다]) $ uploadDirectory = $ uploader-> getPathName ( 'member_avatar'); if ($ method == "post") {header ( "content-type : text/plain"); // 그룹 업로드가 완료된 후 그룹을 병합합니다. // 그룹화 된 파일 병합} else {// 업로드 시작 파일 $ result = $ ubloader-> handleUpload ($ uploadDirectory); // 업로드 된 이름 $ result [ "uploadName"] = $ uploader-> getUploadName (); } echo json_encode ($ result);} // 파일 처리 삭제 else ($ method == "delete") {$ result = $ uploader-> handledElete ($ uploadDirectory); echo json_encode ($ result);} else {header ( "http/1.0 405 허용되지 않음");}위는 간단한 사용자 정의 템플릿 구성입니다. 모든 사람의 학습에 도움이되기를 바랍니다.