ajaxupload.js上传报错处理方法
2015-12-02 10:16
555 查看
相信大家在工作中经常用到文件上传的操作,因为我是搞前端的,所以这里主要是介绍ajax在前端中的操作。代码我省略的比较多,直接拿js那里的
按照教程,这样子上传的话是没有问题的,可是它一直有一个报错。报的是什么错有点忘了,不好意思 ,因为用完很久才记得补回这篇文章,但是要修改它的源码,那个错误就可以解决了
它源码的最后一段是这样子的
将这一段改为这样子
这样就可以正常使用了
如果您觉得文章有用,也可以给咸鱼老弟发个微信小额红包鼓励鼓励,哈哈
$.ajaxFileUpload({ url:'www.coding/mobi/file/uploadSingleFile.html',//处理图片脚本 secureuri :false, fileElementId :'image2',//file控件id。就是input type="file" id="image2" dataType : 'json', success : function (data, status){ console.log(data); }, error: function(data, status, e){ alert(e); } })
按照教程,这样子上传的话是没有问题的,可是它一直有一个报错。报的是什么错有点忘了,不好意思 ,因为用完很久才记得补回这篇文章,但是要修改它的源码,那个错误就可以解决了
它源码的最后一段是这样子的
uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // If the type is "script", eval it in global context if ( type == "script" ) jQuery.globalEval( data ); // Get the JavaScript object, if JSON is used. if ( type == "json" ) eval( "data = " + data ); // evaluate scripts within html if ( type == "html" ) jQuery("<div>").html(data).evalScripts(); //alert($('param', data).each(function(){alert($(this).attr('value'));})); return data; }
将这一段改为这样子
uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // If the type is "script", eval it in global context if ( type == "script" ) jQuery.globalEval( data ); // Get the JavaScript object, if JSON is used. if ( type == "json" ){ // 因为json数据会被<pre>标签包着,所以有问题,现在添加以下代码, // update by hzy var reg = /<pre.+?>(.+)<\/pre>/g; var result = data.match(reg); result = RegExp.$1; // update end data = $.parseJSON(result); // eval( "data = " + data ); // evaluate scripts within html } if ( type == "html" ) jQuery("<div>").html(data).evalScripts(); //alert($('param', data).each(function(){alert($(this).attr('value'));})); return data; }
这样就可以正常使用了
如果您觉得文章有用,也可以给咸鱼老弟发个微信小额红包鼓励鼓励,哈哈
![](http://images2015.cnblogs.com/blog/776370/201605/776370-20160507160608359-1891108302.png)
相关文章推荐
- JSP入门:页面脚本标识
- js闭包的理解
- avalon指令和js函数简单介绍
- js ==与===区别(两个等号与三个等号)
- JavaScript浮点数及其运算
- js之生命周期坑
- JS和OC相互调用
- 获取iframe 子页面的js变量值
- javascript权威指南学习笔记-eval、switch(五)
- 浅谈JavaScript浮点数及其运算
- 程序猿都没对象,JS竟然有对象?
- Javascript 学习记录
- javascript的DOM编程
- javascript的内部类和事件驱动
- javascript学习笔记
- 【4】JS事件
- 【3】JavaScript
- 原生JavaScript实现异步多文件上传
- 整理Javascript事件响应学习笔记
- 纯js代码实现简单计算器