Vue Axios Post Upload File

upload axios post formData

let formData = new FormData()
formData.append('file', this.file)

formData.append('key', result.data.data.result.fields.key)
formData.append('x-amz-algorithm', result.data.data.result.fields['x-amz-algorithm'])
formData.append('x-amz-credential', result.data.data.result.fields['x-amz-credential'])
formData.append('x-amz-date', result.data.data.result.fields['x-amz-date'])
formData.append('policy', result.data.data.result.fields.policy)
formData.append('x-amz-signature', result.data.data.result.fields['x-amz-signature'])

await this.axios.post(result.data.data.result.url, formData, {
  headers: { 'Content-Type': 'multipart/form-data' }
}).then((res) => {
  console.log(res)
}).catch(err => {
  console.error(err)
})


// await fetch(result.data.data.result.url, {
//   method: 'POST',
//   body: formData
// }).then((res) => {
//   return res
// }).catch((err) => {
//   console.error('err: ', err)
//   return err
// })

axios 上传显示进度
JS 原生实现文件上传
Fetch Upload