//前端代码
<div style="margin-left: 20%;margin-top: 10%;">
<form id="uploadFile" >
<input type="file" name="files" multiple="multiple" /> <!-- input框加上 multiple="multiple"就可以同时上传多个文件 -->
<input type="hidden" name="projectId" value="1234"/> <!-- 这是你要带去后台的值 -->
</form>
</div>
<script>
$("input[type='file']").on("change",function(){ //input框的内容改变就ajax上传
var formData = new FormData($( "#uploadFile" )[0]);
$.ajax({
type: "POST",
contentType: false,
processData: false,
url:"/upload/uploadFile", //url
data:formData,
async: false,
error: function(request) {
alert("出错了");
},
success: function(data) {
}
});
})
</script>
//后台控制器接收的代码
@ResponseBody
@RequestMapping(value="/uploadFile",method = RequestMethod.POST)
public String uploadFile(@RequestParam("files") MultipartFile[] files,String projectId) {
return "null";
}
//from表单上传文件
//前端代码
<div style="margin-left: 20%;margin-top: 10%;">
<form action="/upload/uploadFile" method="post" enctype="multipart/form-data">
图片:<input type="file" name="files" accept="image/*;capture=camcorder" multiple="multiple" /><br/><br/>
<input type="submit" value="提交" style="margin-left:7%;color:blue;"/>
<input type="hidden" name="projectId" value="1234"/> <!-- 这是你要带去后台的值 -->
</form>
</div>
//后台代码
@RequestMapping(value="/uploadFile",method = RequestMethod.POST)
public String uploadFile(@RequestParam("files") MultipartFile[] files,String projectId) {
return "null";
}