<a-upload
name="file"
listType="picture-card"
:fileList="fileList"
:multiple="true"
@preview="handlePreview"
:beforeUpload="beforeUpload"
@change="handleChange"
>
<div v-if="fileList.length < 1">
<a-icon type="plus" />
<div class="ant-upload-text">Upload</div>
</div>
</a-upload>
js代码如下
var formData = new FormData()
formData.append('file', this.fileList[0]);
formData.append('userid', '1');
formData.append('systemid', '886');
this.axios(
{
method: 'post',
url: 'http://localhost:8086/rest/uploadFileByMulti',
processData: false,
data: formData
})
.then((response) => {
alert(JSON.stringify(response))
})
.catch(function (error) {
console.log(error)
})
后台接受代码如下
@RequestMapping("/uploadFileByMulti")
@ResponseBody
public AjaxResult uploadFileList(@RequestParam("file")
MultipartFile file String userid, String systemid) {
......
}
上传时一直报file为空