zoukankan      html  css  js  c++  java
  • Vue上传通过“服务端签名后直传”上传文件到阿里云 报错 400 Bad Request

    我报错的原因是 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
Copyright © 2011-2022 走看看