上传文件中使用ajaxfileupload.js碰到的问题
2018-04-03 20:44
726 查看
在做上传图片时需要用到异步上传值服务器,当时选用了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();};
什么都没有返回,注释掉,网上说换成这个
解决:其实这里也不是矫情,应该是一种保护措施,因为如果文件太多,太大就会占用服务器的空间,所以能够压缩是最好的。特别是图片这种,更要压缩。
如果可以上传这么大的文件可以在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>","");}
1
1
这个data.replace("<pre>","").replace("</pre>","");replace是因为文件上传的话返回的json字符串会带有<pre>开头的一串字符,但是我没有得到过哦。所以可以这样写:
if ( type == "json" ) { data = data;}
1
1
这样就可以执行回调函数了。3:上传的文件或者图片大于2M报错,提示文件太大。哎呀,现在的图片那个不是2,3M的,矫情!
解决:其实这里也不是矫情,应该是一种保护措施,因为如果文件太多,太大就会占用服务器的空间,所以能够压缩是最好的。特别是图片这种,更要压缩。
如果可以上传这么大的文件可以在struts文件里加上这个。500M都可以了。哈哈(这里有很多种解决办法,可以上网搜索哦)
好了,结束收工!
附上ajaxfileuploa.js文件(修改后的)http://download.csdn.net/detail/u011575570/9241787
相关文章推荐
- 上传文件中使用ajaxfileupload.js碰到的问题
- 上传文件中使用ajaxfileupload.js碰到的问题
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- spring mvc 下使用ajaxfileupload.js 异步上传文件 并返回信息 各种问题解决
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 上传文件总结--使用springMVC+ajaxfileupload.js
- 后台使用Spring MVC 4.15 版本 通过 ajaxFileUpload plugin插件上传文件相应时引起的一个小问题,Chrome、Firefox中出现SyntaxError:unexpected token <
- 使用ajaxfileupload.js实现ajax上传文件php版
- 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法
- 使用ajaxfileupload.js上传无法进回调问题终极解决
- ajaxfileUpload.js 异步文件上传 onchange问题
- ajaxfileUpload.js 上传文件 IE浏览器提示下载json的问题
- 使用ajaxfileupload.js实现上传文件功能
- 使用AjaxFileUpload.js实现异步文件上传示例
- 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法。
- 使用ajaxfileupload.js实现上传文件功能
- 使用ajaxfileupload.js上传文件
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 31.上传文件到后台ajaxfileupload.js的使用