multipart 文件上传

看了好多，都说要input = file，form，然后form data ，怪怪的，但是不知道为啥就搜不到，全是form

也没有那么复杂，可以直接这样写完成上传

根本就不用其他文章里写的 open send什么的，直接axios就行了 好坑！！！！！

update (e) {  // 上传照片
 
 
   let file = e.target.files[0]
   console.log({data:file})
  
   let param = new FormData() // 创建form对象
//注意files是对应后台的参数名哦   
param.append('files', file) // 通过append向form对象添加数据 
       //console.log(param);                                 // 添加form表单中其他数据
   console.log(param.get('files')) // FormData私有类对象，访问不到，可以通过get判断值是否传进去
 
   // 添加请求头
  axios.post('/admin/FileSave',param,{
                'Content-type' : 'multipart/form-data'
            })
    .then(response => {
        console.log(response.data)
     if (response.data.code === 0) {
       console.log(response.data)
     
     }
    
    })
  }
  //图片
 
}
————————————————
版权声明：本文为CSDN博主「小威编程」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/dawfwafaew/article/details/124872196

参考 ⬆️ 

其实有两步，本地上传到浏览器，浏览器交给后台。我这里解决的是只有第二步。

第一步也没用form，是 useDropzone 去解决的，onDrop 

formData， blob， base64 方式