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

yipeiwu_com5年前PHP代码库

前言

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

相关文章

一个PHP缓存类代码(附详细说明)

复制代码 代码如下: <?php define('CACHE_ROOT', dirname(__FILE__).'/cache'); //缓存存放目录 define('CACHE_...

PHP开启gzip页面压缩实例代码

要实现GZIP压缩页面需要浏览器和服务器共同支持,实际上就是服务器压缩,传到浏览器后浏览器解压并解析。浏览器那边不需要我们担心,因为现在绝大多数浏览器都支持解析GZIP过的页面。我们只要...

Docker 如何布置PHP开发环境

环境部署一直是一个很大的问题,无论是开发环境还是生产环境,但是 Docker 将开发环境和生产环境以轻量级方式打包,提供了一致的环境。极大的提升了开发部署一致性。当然,实际情况并没有这么...

PHP的Yii框架中创建视图和渲染视图的方法详解

视图是 MVC 模式中的一部分。 它是展示数据到终端用户的代码,在网页应用中,根据视图模板来创建视图,视图模板为PHP脚本文件, 主要包含HTML代码和展示类PHP代码,通过yii\we...

PHP实现的数独求解问题示例

本文实例讲述了PHP实现的数独求解问题。分享给大家供大家参考,具体如下: 一、数独问题描述: 对于给出的数字二维数组,要求每行每列的数字不能重复。 二、实现代码: <?...