<el-upload
ref="upload"
class="upload-demo"
:headers="header"
action=""
list-type="picture"
:auto-upload="false"
:limit="1"
:http-request="bu"
>
action我放空了,跨域问题实在难搞,自己写方法传吧
bu(file){
var param = new FormData()
param.append('file',file.file)
//console.log(file.file);
this.$axios.post('/upload',param,{
headers: {
'Content-Type': 'multipart/form-data; charset=utf-8'
}
}).then(()=>{
console.log(file);
})
记得要file.file哦,不然就是500
后端极其草率
public Result upload(@RequestParam(value="file",required=false) MultipartFile file) throws IOException {
Result result = new Result();
if(file.isEmpty()){
System.out.println("file null");
}
else{
String path = "D:/1/毕业设计/web/web-gp/static/images/"+file.getOriginalFilename();
File dest = new File(path);
if (!dest.getParentFile().exists()) {
dest.getParentFile().mkdir();
}
file.transferTo(dest);
}