SpringMVC，SpringBoot利用ajax上傳文件到后台

1、傳遞單文件

首先html文件中有個<input type=”file” name=”file” id=”file”/>元素。

前台js寫法：

var formData=new FormData();
formData.append("file",$("#file")[0].files[0]);
formData.append("type",type);//也可以傳遞其他字段
$.ajax({
    type:"post",
    url:" testController/uploadFile",
    data:formData,
    contentType: false,
    processData: false,
    dataType:"json",
    success:function(res){
    },
    error:function (msg) {
    }
})

后台接收方法：

@RestController
@RequestMapping("testController")
public class testController {

　　@RequestMapping("/uploadFile") 
　　public String uploadFile (MultipartFile file,String type) {
       //操作
　　}
}

2、傳遞多文件

html文件中需要有個form表單：

<form id="form" enctype="multipart/form-data">
    <input type="file" multiple="multiple" name="files">
</form>

前台js寫法：

var formData=new FormData($("#form")[0]); 
formData.append("type",type);//也可以添加其他字段
$.ajax({
    type:"post",
    url:" testController/uploadFiles",
    data:formData,
    contentType: false,
    processData: false,
    dataType:"json",
    success:function(res){
    },
    error:function (msg) {
    }
})

后台接收方法：

@RestController
@RequestMapping("testController")
public class testController {

　　@RequestMapping("/uploadFiles") 
　　public String uploadFile (MultipartFile[] files,String type) {
       //操作
　　}
}