Thinkphp结合ajaxFileUpload实现异步图片传输示例

ThinkPHP  /  管理员 发布于 8年前   147

前言

在做这个项目之前，对图片上传处理一直都是直接用表单提交的方式进行文件传输，这次因为需求，需要实现对图片进行异步传输，虽然实现并不难，毕竟现在插件太多了，但还是浪费了我很长的调试时间，原因便是使用了远古时期的插件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 itif ( s.error ) {s.error.call( s.context || s, xhr, status, e );}// Fire the global callbackif ( 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，后端返回的数据可以打印了。

总结

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

您可能感兴趣的文章:

• thinkphp ajaxfileupload实现异步上传图片的示例