springboot+vue+elUI 上传图片之坑多多

<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);
        }