Thinkphp结合ajaxFileUpload实现异步图片传输示例
前言
在做这个项目之前,对图片上传处理一直都是直接用表单提交的方式进行文件传输,这次因为需求,需要实现对图片进行异步传输,虽然实现并不难,毕竟现在插件太多了,但还是浪费了我很长的调试时间,原因便是使用了远古时期的插件ajaxfileupload,在刚开始使用的时候频繁报错,说handlerisnotafunction。
怀着沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是强大。
解决方法
上述报错的原因便是jquery从1.9.0开始便不再使用handler这个方法了,具体原因未知,所以只能在下载下来的 jQuery.extend({ 里手动添加代码:
handleError:function(s,xhr,status,e){ //Ifalocalcallbackwasspecified,fireit if(s.error){ s.error.call(s.context||s,xhr,status,e); } //Firetheglobalcallback if(s.global){ (s.context?jQuery(s.context):jQuery.event).trigger("ajaxError",[xhr,s,e]); } }
,继续debug
$.ajaxfileupload({ url:'', secureuri:'', fileElementId:'',-->这里填的是inputfile的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能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对毛票票的支持。