js插件---WebUploader 如何接收服務端返回的數據

一、總結

一句話總結：

uploadSuccess有兩個參數，一個是file（上傳的文件信息），一個是response（服務器返回的信息）

uploader.on( 'uploadSuccess', function( file,response ) {console.log(file);console.log(response);$( '#'+file.id ).find('p.state').text('已上傳'); });

?

?

?

二、WebUploader 接收服務端返回的數據

轉自或參考：WebUploader 接收服務端返回的數據
https://blog.csdn.net/u010865136/article/details/80590002

**上傳文件成功兩部曲**

1、通過WebUploade插件 獲取上傳文件的信息數據并傳參給服務端程序，為WebUploader意義上的上傳文件成功；

2、通過服務端程序 將文件保存到指定路徑和文件信息入庫，為最終的上傳文件成功；

一、遇到的問題

上傳簡歷時，上傳文件成功兩部曲第二步驟中解析文件入庫時，解析文件失敗，導致上傳文件失敗，上傳文件時需要提示對應的error信息。

二、解決

******WebUploader官方文檔*******

1、上傳文件成功兩部曲第一步驟，WebUploader意義上的上傳文件成功和失敗的情況下需要提示對應信息，如上傳文件的格式、大小等不符合定義條件，則提示對應信息；

2、上傳文件成功兩部曲第一步驟，文件解析入庫時的上傳文件的成功和失敗的情況下需要提示對應信息，如文件數據無法正常解析、文件信息入庫失敗等，需要提示對應信息；

?

測試代碼：

?

// 初始化Web Uploader uploader = WebUploader.create({// 自動上傳。 auto: true, duplicate: false, resize: false, // swf文件路徑 swf: '../widget/webuploader/Uploader.swf', // 文件接收服務端。 server: '../cv/uploadTempCv.htm',// 內部根據當前運行是創建，可能是input元素，也可能是flash. pick: '#picker', threads: 5, chunked: true, //fileType:'doc,docx,pdf,txt,html,htm', fileNumLimit: 5, accept: {title: 'intoTypes', extensions: 'doc,docx,pdf,txt,html,htm', mimeTypes: '.doc,.docx,.pdf,.txt,.html,.htm' } }); uploader.on('error', function(handler) {if(handler=="Q_EXCEED_NUM_LIMIT"){parent.messageParent("超出最大文件數"); }if(handler=="F_DUPLICATE"){parent.messageParent("文件重復"); } }); // 文件上傳過程中創建進度條實時顯示。 uploader.on( 'uploadProgress', function( file, percentage ) {mask(); }); uploader.on( 'uploadError', function( file, reason ) {parent.messageParent(file.name+"上傳失敗"); }); uploader.on( 'uploadComplete', function( file ) {var stats = uploader.getStats(); if(stats.progressNum==0){setTimeout("window.parent.delRefersh(\"upload\")",2000); // window.parent.delRefersh("upload"); } }); uploader.on( 'uploadSuccess', function( file,response ) {console.log(file); console.log(response._raw); console.log(response._raw.err); if(response.err != ''){console.log(response.err.split(",")[2]); var responseArr = response.err.split(","); var msg = responseArr[2] + "上傳失敗，文件數據無法正確解析"message(msg); }// $( '#'+file.id ).addClass('upload-state-done'); });

轉載于:https://www.cnblogs.com/Renyi-Fan/p/11603692.html

總結

以上是生活随笔為你收集整理的js插件---WebUploader 如何接收服务端返回的数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。