600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 详解Thinkphp结合ajaxFileUpload实现异步图片传输示例代码

详解Thinkphp结合ajaxFileUpload实现异步图片传输示例代码

时间:2019-12-11 17:48:59

相关推荐

详解Thinkphp结合ajaxFileUpload实现异步图片传输示例代码

后端开发|php教程

Thinkphp,ajaxFileUpload,异步图片传输

后端开发-php教程

这篇文章主要给大家介绍了利用Thinkphp结合ajaxFileUpload实现异步图片传输的方法,文中给出了详细的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

精品帝国cms模板源码,vscode设置配置同步,ubuntu周立功,tomcat查询pid,安卓用sqlite嘛,web前端写一个页面框架,北京大数据公司爬虫,php 日期 相减,seo的五要素,骗子曝光网站 源码,网页设计理念模板,免费织梦模板下载lzw

前言

祝福墙源码,ubuntu永久加dns,手工爬虫制作教程,php获取php 版本信息,张店seo公司lzw

在做这个项目之前,对图片上传处理一直都是直接用表单提交的方式进行文件传输,这次因为需求,需要实现对图片进行异步传输,虽然实现并不难,毕竟现在插件太多了,但还是浪费了我很长的调试时间,原因便是使用了远古时期的插件ajaxfileupload,在刚开始使用的时候频繁报错,说handler is not a function。

招聘管理系统 源码,vscode如何显示注释,ubuntu桌面性能,解压安装tomcat卸载,js如何使用sqlite3,小爬虫的启示说明了什么道理,php编写框架,seo兼职都有哪些排名,网站模板素材图片下载,aspcms的支付模板lzw

怀着沉重的心情,我百度了一下,然后就找到了答案,不禁感概搜索引擎真是强大。

解决方法

上述报错的原因便是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的IDdata : {},dataType : json,complete : function(data){}})

代码不在报错了,但又有新的问题,返回的数据一直是undefined,随后看了下调试工具,返回值存在,而且格式也没问题,怎么都想不明白之后,又去………………百度了,

然后做了两个调整:

1,将ajaxfileupload.js里的eval(data = + data) ;替换成data = jQuery.parseJSON(jQuery(data).text());

2,将complete方法换成success

ok,后端返回的数据可以打印了。

总结

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。