Thinkphp+ajaxFileUpload實現異步圖片傳輸


在做這個項目之前,對圖片上傳處理一直都是直接用表單提交的方式進行文件傳輸,這次因為需求,需要實現對圖片進行異步傳輸,雖然實現並不難,畢竟現在插件太多了,但還是浪費了我很長的調試時間,原因便是使用了遠古時期的插件ajaxfileupload,在剛開始使用的時候頻繁報錯,說handler is not a function。

懷着沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是強大。

上述報錯的原因便是jquery從1.9.0開始便不再使用handler這個方法了,具體原因未知,所以只能在下載下來的  jQuery.extend({   里手動添加代碼:

handleError: function( s, xhr, status, e ){
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}

// Fire the global callback
if ( s.global ) {
(s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
}

,繼續debug

$.ajaxfileupload({

  url : '',

  secureuri : '',

  fileElementId : '',  --> 這里填的是 input file的ID

  data : {},

  dataType : 'json',

  complete : function(data){} 

})

 

代碼不在報錯了,但又有新的問題,返回的數據一直是undefined,隨后看了下調試工具,返回值存在,而且格式也沒問題,怎么都想不明白之后,又去..................百度了,

然后做了兩個調整:

  1,將ajaxfileupload.js里的 eval('data = '+  data) ;  替換成 data = jQuery.parseJSON(jQuery(data).text());

  2,將complete方法換成success

ok,后端返回的數據可以打印....................

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM