上传文件中使用ajaxfileupload.js碰到的问题
2015-11-04 21:42
741 查看
在做上传图片时需要用到异步上传值服务器,当时选用了ajax的ajaxfileupload可以上传。
这里写下踩过的坑
1:使用
解决:导入ajaxfileupload.js文件。简单
2:上传成功了没有执行回调,即$.ajaxFileUpload({
url:”, //你处理上传文件的服务端
type: ‘POST’,
fileElementId:’file’,#文件在html中的id
dataType: ‘json’,
data:{需要上传的数据},#可以省略
success: function(data) {
},
failure: function(data) {
}
});中success函数。上网查,说是需要修改ajaxfileupload.js的源代码。好吧试试
在uploadHttpData: function( r, type ) {
var data = !type;
data = type == “xml” || data ? r.responseXML : r.responseText;
if ( type == “json” )
eval( “data = ” + data );
},
看eval函数代码
function eval(s){return new Object();};
什么都没有返回,注释掉,网上说换成这个
3:上传的文件或者图片大于2M报错,提示文件太大。哎呀,现在的图片那个不是2,3M的,矫情!
解决:其实这里也不是矫情,应该是一种保护措施,因为如果文件太多,太大就会占用服务器的空间,所以能够压缩是最好的。特别是图片这种,更要压缩。
如果可以上传这么大的文件可以在struts文件里加上这个。500M都可以了。哈哈(这里有很多种解决办法,可以上网搜索哦)
好了,结束收工!
附上ajaxfileuploa.js文件(修改后的)http://download.csdn.net/detail/u011575570/9241787
这里写下踩过的坑
1:使用
$.ajaxFileUpload({});函数,网页报错,提示没有这个函数。
解决:导入ajaxfileupload.js文件。简单
2:上传成功了没有执行回调,即$.ajaxFileUpload({
url:”, //你处理上传文件的服务端
type: ‘POST’,
fileElementId:’file’,#文件在html中的id
dataType: ‘json’,
data:{需要上传的数据},#可以省略
success: function(data) {
},
failure: function(data) {
}
});中success函数。上网查,说是需要修改ajaxfileupload.js的源代码。好吧试试
在uploadHttpData: function( r, type ) {
var data = !type;
data = type == “xml” || data ? r.responseXML : r.responseText;
if ( type == “json” )
eval( “data = ” + data );
},
看eval函数代码
function eval(s){return new Object();};
什么都没有返回,注释掉,网上说换成这个
if ( type == "json" ) { data = data.replace("<pre>","").replace("</pre>","");}
这个data.replace("<pre>","").replace("</pre>","");replace是因为文件上传的话返回的json字符串会带有<pre>开头的一串字符,但是我没有得到过哦。所以可以这样写:
if ( type == "json" ) { data = data;}
这样就可以执行回调函数了。
3:上传的文件或者图片大于2M报错,提示文件太大。哎呀,现在的图片那个不是2,3M的,矫情!
解决:其实这里也不是矫情,应该是一种保护措施,因为如果文件太多,太大就会占用服务器的空间,所以能够压缩是最好的。特别是图片这种,更要压缩。
如果可以上传这么大的文件可以在struts文件里加上这个。500M都可以了。哈哈(这里有很多种解决办法,可以上网搜索哦)
好了,结束收工!
附上ajaxfileuploa.js文件(修改后的)http://download.csdn.net/detail/u011575570/9241787
相关文章推荐
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- ruby实现的一个异步文件下载HttpServer实例
- C#异步绑定数据实现方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 科学知识:同步、异步、阻塞和非阻塞区别
- 探讨Ajax中同步与异步之间的区别
- C#中异步回调函数用法实例
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- ajax实现点击不同的链接让返回的内容显示在特定div里
- ajax 动态传递jsp等页面使用id辨识传递对象
- ajax与传统web开发的异同点
- AJAX简单应用实例-弹出层
- AJAX初级教程之初识AJAX
- Ajax无刷新分页的性能优化方法