PHP教程：Thinkphp结合ajaxFileUpload实现异步图片传输示例

《PHP教程：Thinkphp结合ajaxFileUpload实现异步图片传输示例》要点：
本文介绍了PHP教程：Thinkphp结合ajaxFileUpload实现异步图片传输示例，希望对您有用。如果有疑问，可以联系我们。

相关主题：thinkphp教程

PHP教程前言

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

PHP教程怀着沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是强大.

PHP教程解决方法

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

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

PHP教程,继续debug

PHP教程
$.ajaxfileupload({
　　url : '',
　　secureuri : '',
　　fileElementId : '', --> 这里填的是 input file的ID
　　data : {},
　　dataType : 'json',
　　complete : function(data){}　
})

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

PHP教程然后做了两个调整：

PHP教程1,将ajaxfileupload.js里的 eval('data = '+  data) ;  替换成 data = jQuery.parseJSON(jQuery(data).text());

PHP教程2,将complete方法换成success

PHP教程ok,后端返回的数据可以打印了.

PHP教程总结

PHP教程以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者使用Swift能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对维易PHP的支持.

转载请注明本页网址：
http://www.vephp.com/jiaocheng/1488.html