關於ajaxFileUpload圖片上傳,success和error都觸發的情況
阿新 • • 發佈:2017-05-27
圖片 跨域 插件 for 函數 over type secure 輸出
最近做到項目使用JQuery的插件ajaxFileUpload~~~
遇到了非常領人匪夷所思的事情,當圖片上傳成功之後呢(success),它的error事件也被觸發了,情況就是:
後端數據正確返回
前端代碼無誤
代碼如下:
1 $(document).on("change",".JS_uploadFile",function(){ 2 document.domain="bookingctrip.com";//解決圖片上傳跨域問題 3 var ajaxTimeOut=$.ajaxFileUpload({ 4 //處理文件上傳操作的服務器端地址5 url:serviceHOST("boss")+‘/upload/file/uploadCoverImg‘, 6 secureuri:false,//一般設為false 7 fileElementId:"JS_uploadFile0", 8 timeout:10000, //超時時間設置 9 dataType:‘json‘,//接受數據格式 10 data:formatJson(),//上傳數據內容 11 crossDomain : true, 12 success:function(data){//服務器響應成功時的處理函數 13
14 //為什麽success和error都走呢?
15 //在我各種百度,各種嘗試之後發現,ajaxFileUpload這個插件,對於success回調函數裏面的js報錯不會在控制臺輸出
16 //而是走了它的內部錯誤異常捕獲機制,這個可以在它的源代碼內,進行控制臺輸出可以得到答案 17 //這個問題怎麽解決呢,那就是保證你的success回調函數裏面不會有js的語法錯誤,做好容錯就好了
20
21
22 }, 23 error:function(data, status, e){ //服務器響應失敗時的處理函數 24 25
26
27
28
29
30
31 32 } 33 }) 34 })
關於ajaxFileUpload圖片上傳,success和error都觸發的情況