jquery + Spring 简单搞定文件上传
- 一个上传框
<input "upload(this);" type="file" name="file">
- 构造上上方法并提交
function upload(upObj){
var form = document.createElement("form");
form.append(upObj)
form.enctype ="multipart/form-data";
form.method = "POST";
var formData = new FormData(form);
formData.append("id",$("#id").val());
//上传代码
$.ajax({
url: '/upload',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
success: function(data){
alert(data.msg);
if(data.success){
//返回操作
}
},error:function () {
alert("上传请求出现异常!");
}
});
}
- 后台接受
@RequestMapping(value = "/upload", method = RequestMethod.POST)
@ResponseBody
public JSONObject flowFileUpload(@RequestParam("file") MultipartFile file, HttpServletRequest request) {
JSONObject result = new JSONObject();
result.put("success", false);
result.put("msg","文件上传失败!");
file.transferTo("你想要生成的文件");
result.put("msg","文件上传成功!");
result.put("success", true);
return result;
}