標籤:cross status success ctr time 圖片 檔案上傳 log 為什麼
最近做到項目使用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都觸發的情況