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

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

1、總結

一句話總結：

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

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

 

 

 

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

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

 

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

一、經過WebUploade插件 獲取上傳文件的信息數據並傳參給服務端程序，爲WebUploader意義上的上傳文件成功；

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

1、遇到的問題

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

2、解決

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

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

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

 

測試代碼：

 

// 初始化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');
});