前台方面:
var fielduploader = new qq.FineUploader(
{
element : document.getElementById('datasourfile'),
multiple : true,
request : {
endpoint: './updateExcelFile?mdrName=${dataSource.mdrName!}&mdrCfgName=${dataSource.mdrCfgName!}'
},
text : {
uploadButton : "<a href='#' class='add_files'><span class='icon-attachment'></span>浏览</a>"
},
validation : {
allowedExtensions : ['xls', 'xlsx'],
sizeLimit : 51200000
// 50 kB = 50 * 1024 bytes
},
callbacks : {
onSubmit : function(id, fileName) {
fielduploader.setParams({
anotherParam: 'value'
});
},
onUpload : function(id, fileName) {
},
onProgress : function(id, fileName, loaded, total) {
},
onComplete : function(id, fileName, responseJSON) {
},
onCancel : function(id, fileName) {
},
onDelete : function(id) {
}
}
});
});
后台 spring接收
@AnnotationLog(name = "MDR", description = "上传excel文件")
@RequestMapping(value = "/updateExcelFile")
public ResponseEntity<String> updateExcelFile(Model model) {
HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes())
.getRequest();
HttpHeaders headers = new HttpHeaders();
MediaType mediaType = new MediaType("text", "html", Charset.forName("UTF-8"));
headers.setContentType(mediaType);
// 必须加上,防止前端从JSON中取出的数据成乱码
CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());
if (multipartResolver.isMultipart(request)) {
MultipartHttpServletRequest multiRequest = multipartResolver.resolveMultipart(request);
String value=multiRequest.getParameter("anotherParam");
}
}
相关链接:
http://www.asp.net/web-api/overview/advanced/sending-html-form-data,-part-2
http://blog.csdn.net/mhmyqn/article/details/25561535