如何将图像数据转换为多部分/ form-data

Question

我正在使用react-dropzone-uploader将图片上传到API，但该API需要multipart/form-data 。 我无法将其转换为form-data 。

这是我的代码：

const onDropHandler = (files) => {
    let formData= new FormData()
    formData.append('file',files[0])
    axios.post('/web/v1.0/upload',{formData}).then(response=>{
    console.log(response.data)
})

我收到此错误：

401未授权

Answer 1

您需要将Content-Type标头设置为'multipart/form-data'

试试看：

const onDropHandler = (files) => {
    const headers = {
      'Content-Type': 'multipart/form-data'
    }
    let formData = new FormData()
    formData.append('file', files[0])
    API.post('/web/v1.0/upload', {
      formData
    }, {
      headers: headers
    }).then(response => {
      console.log(response.data)
    })

PS：我假设您的API.post方法接受支持headers的配置对象。