Thinkphp+ajaxFileUpload实现异步图片传输

在做这个项目之前&＃xff0c;对图片上传处理一直都是直接用表单提交的方式进行文件传输&＃xff0c;这次因为需求&＃xff0c;需要实现对图片进行异步传输&＃xff0c;虽然实现并不难&＃xff0c;毕竟现在插件太多了&＃xff0c;但还是浪费了我很长的调试时间&＃xff0c;原因便是使用了远古时期的插件ajaxfileupload&＃xff0c;在刚开始使用的时候频繁报错&＃xff0c;说handler is not a function。

怀着沉重的心情&＃xff0c;我百度了一下&＃xff0c;然后就找到了答案&＃xff0c;不禁感概搜索引擎真是强大。

上述报错的原因便是jquery从1.9.0开始便不再使用handler这个方法了&＃xff0c;具体原因未知&＃xff0c;所以只能在下载下来的  jQuery.extend({   里手动添加代码&＃xff1a;

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] );
}
}

&＃xff0c;继续debug

$.ajaxfileupload({

　　url : &＃39;&＃39;,

　　secureuri : &＃39;&＃39;,

　　fileElementId : &＃39;&＃39;,  --> 这里填的是 input file的ID

　　data : {},

　　dataType : &＃39;json&＃39;,

　　complete : function(data){}　

})

代码不在报错了&＃xff0c;但又有新的问题&＃xff0c;返回的数据一直是undefined&＃xff0c;随后看了下调试工具&＃xff0c;返回值存在&＃xff0c;而且格式也没问题&＃xff0c;怎么都想不明白之后&＃xff0c;又去..................百度了,

然后做了两个调整&＃xff1a;

　　1&＃xff0c;将ajaxfileupload.js里的 eval(&＃39;data &＃61; &＃39;&＃43;  data) ;  替换成 data &＃61; jQuery.parseJSON(jQuery(data).text());

　　2&＃xff0c;将complete方法换成success

ok&＃xff0c;后端返回的数据可以打印....................