前端之家收集整理的这篇文章主要介绍了
ajaxfileupload 可带多参数异步上传,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
因ajaxfileupload自身不能用data传递参数到
后台,所以需要对源
文件进行轻微的改动。 在ajaxfileupload.js中 主要有两处
修改: 26行中的createUploadForm
属性 添加代码: //处理json数据,往form表单中
添加type='hidden'的input if (data) { for (var i in data) { $('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form); } } 195行中的uploadHttpData
属性 源码: if ( type == "json" ) eval( "data = " + data );
修改为: if ( type == "json" ) data = jQuery.parseJSON(jQuery(data).text());
修改成功后,
前台请求时候就可这么写: $.ajaxFileUpload({ url:"user/upload/headpic",data:{"username":username,"fileType":fileType,"headPicNameOld":headPicNameOld} });
后台如用sprimgmvc,写上对应参数即可 @RequestMapping(value="/upload/headpic") @ResponseBody public String uploadPic(String username,String fileType,String headPicNameOld,MultipartFile headPic) 参考: http://www.cnblogs.com/lyeo/archive/2012/05/11/2496261.html