ajaxfileupload文件上传返回值处理 ajaxfileupload.js + spring mvc文件上传
2014-10-21 19:40
507 查看
ajaxfileupload.js组件的确好用,但是那个返回值格式也太恶心了吧!
让人家定义一个dataType:"json",最后给返回一堆html,什么意思?也许是鄙人愚钝,索性修改了下源代码的处理函数,手动返回json得了。
修改代码:
大约在ajaxfileupload.js 的185行左右,有这么个函数:uploadHttpData
原始代码与改后代码对比:
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();
return data;
*/
// 改后代码
var data =r.responseText;
var start = data.indexOf("{");
var end = data.indexOf("}");
var jsonStr = data.substring(start,end+1);
return (jsonStr instanceof Object)?jsonStr:eval("(" + jsonStr + ")");
}
就是用来处理了下返回值,这个函数返回的值就直接传递到了我们文件上传的success回调函数json值了。直接当对象使用就ok了。
附带发下文件上传代码吧!
/**
* ajax文件上传
*/
$("body").on("change","input[name='image']",function(){
var url = $(this).attr("lang");
$(".error").ajaxStart(function(){
$(this).show();
}).ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload({
url:url,
secureuri:false,
fileElementId:'imageFile',
success:function(json){
if(0==json.error){
$("img[name='imageFile']").attr("src",json.url).show();
}else{
$.fn.error(json.message);
}
},
error:function(data,status,e){
alert(e);
}
});
});
服务器端用的spring mvc,直接返回map就可以了!贴下代码如下:
/**
* 系统图:系统内容部分内容图存放在此
* @param image
* @return
*/
@RequestMapping(value="/system",method=RequestMethod.POST)
@ResponseBody
public Map<String,Object> system(MultipartFile image){
return this.upload(image,SettingEnum.image_system_folder,null);
}
具体上传细节就不赘述了,网上很多,有问题请留言!
让人家定义一个dataType:"json",最后给返回一堆html,什么意思?也许是鄙人愚钝,索性修改了下源代码的处理函数,手动返回json得了。
修改代码:
大约在ajaxfileupload.js 的185行左右,有这么个函数:uploadHttpData
原始代码与改后代码对比:
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();
return data;
*/
// 改后代码
var data =r.responseText;
var start = data.indexOf("{");
var end = data.indexOf("}");
var jsonStr = data.substring(start,end+1);
return (jsonStr instanceof Object)?jsonStr:eval("(" + jsonStr + ")");
}
就是用来处理了下返回值,这个函数返回的值就直接传递到了我们文件上传的success回调函数json值了。直接当对象使用就ok了。
附带发下文件上传代码吧!
/**
* ajax文件上传
*/
$("body").on("change","input[name='image']",function(){
var url = $(this).attr("lang");
$(".error").ajaxStart(function(){
$(this).show();
}).ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload({
url:url,
secureuri:false,
fileElementId:'imageFile',
success:function(json){
if(0==json.error){
$("img[name='imageFile']").attr("src",json.url).show();
}else{
$.fn.error(json.message);
}
},
error:function(data,status,e){
alert(e);
}
});
});
服务器端用的spring mvc,直接返回map就可以了!贴下代码如下:
/**
* 系统图:系统内容部分内容图存放在此
* @param image
* @return
*/
@RequestMapping(value="/system",method=RequestMethod.POST)
@ResponseBody
public Map<String,Object> system(MultipartFile image){
return this.upload(image,SettingEnum.image_system_folder,null);
}
具体上传细节就不赘述了,网上很多,有问题请留言!
相关文章推荐
- ajaxFileUpload上传文件时IE浏览器弹出下载提示问题处理
- IE8下面的ajaxfileupload的上传文件处理。
- struts2 使用ajaxfileupload.js上传文件,处理返回是总是进入Error函数
- ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传
- AjaxFileUpLoad 文件异步上传Demo(模仿官方网站,后台使用.net一般处理程序)
- ajaxFileUpload 上传文件 以及 返回值 带 <pre> 标签问题
- ajax图片上传及时回显图片,自己总结 + ajaxFileUpload 上传文件 以及 返回值 带 <pre> 标签问题
- ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传
- ajaxFileUpload插件上传文件 返回 syntaxError :unexpected token <
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- jQuery插件AjaxFileUpload可以实现ajax文件上传
- AjaxFileUpload + *.ashx 文件上传在IE8.0(XP,VS2010,Development Server)下的注意
- ajaxFileUpload ajax上传文件!jquery插件
- AjaxUpLoadFile实现多个大文件上传控件及实例代码
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- jQuery上传文件插件AjaxFileUpload的使用
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 文件上传:Fileupload,AjaxFileUpload
- jQuery异步上传文件插件ajaxFileUpload详细介绍
- [原创]Ajax UpLoadFile 多个大文件上传控件,已更新。