Vue上传通过“服务端签名后直传”上传文件到阿里云报错 400 Bad Request

最新推荐文章于 2024-11-14 16:51:24 发布

weixin_30508309

最新推荐文章于 2024-11-14 16:51:24 发布

阅读量1.1k

点赞数

文章标签： javascript 后端 ViewUI

原文链接：http://www.cnblogs.com/ybixian/p/11369121.html

版权

我报错的原因是 formData.append('file', file) 放在签名前面了

解决办法 formData.append('file', file) 一定在最后

/**
 * 上传文件到 oss
 * @param {} Object Sign  签名 
 * @param {*} file 要上传的文件
 */
export const updateFileToOSS = (sing, file) => {
  // console.log(file)
  const formData = new FormData()
  formData.append('key', sing.key)
  formData.append('OSSAccessKeyId', sing.accessid)
  formData.append('policy', sing.policy)
  formData.append('signature', sing.signature)
  formData.append('success_action_status', '201')
  formData.append('file', file) // 一定在最后
  return new Promise((resolve, reject) => {
    axios({
      method: 'POST',
      url: '/oss', // 设置代理了
      data: formData,
      headers:{
        'Authorization': Vue.ls.get(ACCESS_TOKEN), // 请求头携带的token
        'Content-Type': 'multipart/form-data'
      }
    }).then((response) => {
      resolve(response)
    }).catch(error => {
      reject(error)
    })
  })
}

感谢原文 https://segmentfault.com/a/1190000019481380

转载于:https://www.cnblogs.com/ybixian/p/11369121.html