Thinkphp結合ajaxFileUpload實現(xiàn)異步圖片傳輸示例

更新時間：2017年03月13日 11:42:45 作者：_construct

這篇文章主要給大家介紹了利用Thinkphp結合ajaxFileUpload實現(xiàn)異步圖片傳輸?shù)姆椒?，文中給出了詳細的示例代碼，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。

前言

在做這個項目之前，對圖片上傳處理一直都是直接用表單提交的方式進行文件傳輸，這次因為需求，需要實現(xiàn)對圖片進行異步傳輸，雖然實現(xiàn)并不難，畢竟現(xiàn)在插件太多了，但還是浪費了我很長的調(diào)試時間，原因便是使用了遠古時期的插件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] );
}
}

，繼續(xù)debug

$.ajaxfileupload({

　　url : '',

　　secureuri : '',

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

　　data : {},

　　dataType : 'json',

　　complete : function(data){}　

})

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

然后做了兩個調(diào)整：

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

2，將complete方法換成success

ok，后端返回的數(shù)據(jù)可以打印了。

總結

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者使用Swift能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: