浏览器上传图片的方法

1. 设置 header

headers: {'Content-Type': 'multipart/form-data'}

2. 获取 file 文件

let files = e.target.files[0] || e.DataTransfer.files[0]
if (files.length === 0) {
     return
} else {
    let param = new window.FormData()
    param.append('file', files, files.name)
}
// 向后端请求
uploadImage(param).then()

请求后后端会返回一个 image 的 src, 操作这个 src 在你想要的地方显示

3.拓展——本地显示 input 图片

作为了解，开发阶段不推荐使用！

let files = e.target.files[0] || e.DataTransfer.files[0]
if (files.length === 0) {
   return
 } else {
     if (typeof FileReader === 'undefined') {
       alert('您的浏览器不支持图片上传，请升级您的浏览器')
       return false
    }
    let reader = new FileReader()
    reader.readAsDataURL(files)
    reader.onload = (e) => {
      this.uploadImage = e.target.result
    }
 }