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


Posted in PHP onMarch 13, 2017

前言

在做这个项目之前,对图片上传处理一直都是直接用表单提交的方式进行文件传输,这次因为需求,需要实现对图片进行异步传输,虽然实现并不难,毕竟现在插件太多了,但还是浪费了我很长的调试时间,原因便是使用了远古时期的插件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能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

PHP 相关文章推荐
如何在PHP中使用Oracle数据库(1)
Oct 09 PHP
PHP数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
May 29 PHP
php使用qr生成二维码的示例分享
Jan 20 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
Oct 21 PHP
Yii基于数组和对象的Model查询技巧实例详解
Dec 28 PHP
thinkphp3.x中display方法及show方法的用法实例
May 19 PHP
PHP实现多级分类生成树的方法示例
Feb 07 PHP
PHP实现对图片的反色处理功能【测试可用】
Feb 01 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
Apr 21 PHP
详解php中curl返回false的解决办法
Mar 18 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
Apr 05 PHP
PHP执行系统命令函数实例讲解
Mar 03 PHP
php解析mht文件转换成html的实例
Mar 13 #PHP
使用phpQuery获取数组的实例
Mar 13 #PHP
php获取linux命令结果的实例
Mar 13 #PHP
老生常谈PHP位运算的用途
Mar 12 #PHP
PHP巧妙利用位运算实现网站权限管理的方法
Mar 12 #PHP
解决PHP上传非标准格式的图片pjpeg失败的方法
Mar 12 #PHP
Yii2 加载css、js 载静态资源的方法
Mar 10 #PHP
You might like
php批量更改数据库表前缀实现方法
2013/10/26 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
Yii控制器中操作视图js的方法
2016/07/04 PHP
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
JQuery中使用ajax传输超大数据的解决方法
2014/07/14 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
Python 占位符的使用方法详解
2019/07/10 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
英国领先的电视购物零售商:Ideal World
2019/03/18 全球购物
马来西亚在线购物市场:PGMall.my
2019/10/13 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
办公室员工岗位工作职责
2014/03/10 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
交通肇事罪辩护词
2015/05/21 职场文书
行政处罚告知书
2015/07/01 职场文书
Java 将PPT幻灯片转为HTML文件的实现思路
2021/06/11 Java/Android
Java并发编程必备之Future机制
2021/06/30 Java/Android