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 相关文章推荐
ftp类(example.php)
Oct 09 PHP
如何使用PHP获取网络上文件
Oct 09 PHP
PHP通用分页类page.php[仿google分页]
Aug 31 PHP
php 购物车实例(申精)
May 11 PHP
PHP小程序自动提交到自助友情连接
Nov 24 PHP
php学习笔记之 函数声明
Jun 09 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
Jun 21 PHP
PHP取整数函数常用的四种方法小结
Jul 05 PHP
php伪静态之APACHE篇
Jun 02 PHP
深入理解PHP变量的值类型和引用类型
Oct 21 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
Dec 14 PHP
php伪静态验证码不显示的解决方案
Sep 26 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 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
Python中正则表达式详解
2017/05/17 Python
Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)
2017/08/23 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
校园演讲稿汇总
2014/05/21 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
2014年保密工作总结
2014/11/22 职场文书
大雁塔英文导游词
2015/02/10 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
拿破仑传读书笔记
2015/07/01 职场文书
2016年记者节感言
2015/12/08 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
基于JavaScript实现省市联动效果
2021/06/22 Javascript
CI Games宣布《堕落之王2》使用虚幻引擎5制作 预计将于2023年正式发售
2022/04/11 其他游戏
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js