POST图像以Axios存储为Blob - VUEJS

Question

我有一个数据图像存储为Blob，但我不知道如何使用Axios发布，​​我使用VUEJS。请帮帮我。

VueDevtool的My Object API

{{1}}

Answer 1

你快到了。您唯一需要的是附加实际文件，您应该将$ event传递给您的函数：Submit($event)

Submit(event) {
  let URL = '....'

  let data = new FormData()

  data.append('name', 'image')
  data.append('file', event.target.files[0])

  let config = {
    header : {
      'Content-Type' : 'multipart/form-data'
    }
  }

  axios.post(URL, data, config).then(response => {
    console.log('response', response)
  }).catch(error => {
    console.log('error', error)
  })
}