Thinkphp结合ajaxFileUpload实现异步图片传输示例
更新时间：2017年03月13日 11:42:45 作者：_construct
这篇文章主要给大家介绍了利用Thinkphp结合ajaxFileUpload实现异步图片传输的方法，文中给出了详细的示例代码，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
前言
在做这个项目之前，对图片上传处理一直都是直接用表单提交的方式进行文件传输，这次因为需求，需要实现对图片进行异步传输，虽然实现并不难，毕竟现在插件太多了，但还是浪费了我很长的调试时间，原因便是使用了远古时期的插件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] );
}
}
，继续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能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了PHP7.0连接DB操作,结合实例形式分析了php7基于mysqli连接与查询数据库相关操作技巧,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了PHP实现PDO的mysql数据库操作类,其中dbconfig类负责配置数据库访问信息,dbtemplate类集合了对数据库的访问操作,非常具有实用价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了PHP实现截取中文字符串不出现?号的解决方法,涉及php字符串遍历及编码转换等相关操作技巧,需要的朋友可以参考下2016-12-12
这篇文章介绍了php字符串截取中文的截取方法,涉及php字符串遍历、计算、判断等相关操作技巧,需要的朋友可以参考一下2007-12-12
这篇文章主要介绍了php中文语义分析实现方法,结合实例形式分析了PHP基于BosonNLP扩展实现中文语义分析的具体操作步骤与相关实现技巧,需要的朋友可以参考下2019-09-09
PHP在特殊字符前加斜杠的代码，需要的朋友可以参考下。quotemeta() 函数在字符串中某些预定义的字符前添加反斜杠。2011-07-07
这篇文章主要介绍了PHP常用的类封装,结合实例形式分析了4个常用的工具类,包括Mysql类、分页类、缩略图类、上传类,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了PHP实现链表的定义与反转功能,结合实例形式分析了PHP链表的基本定义、添加、移除、遍历以及两种反转操作相关实现技巧,需要的朋友可以参考下2018-06-06
下面小编就为大家带来一篇PHP/HTML混写的四种方式总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
最近在开发Web应用程序时，经常会涉及到PHP与JS之间的数据传递，特别是传递复杂的数据结构，如数组。本文主要介绍如何使用PHP传递数组给JS，并在JS中使用这些数据2023-04-04
最新评论