OSS直传兼容微信小程序和h5版本

64 阅读1分钟

微信小程序OSS直传配置步骤

  1. 在小程序后台配置oss上传域名
  2. 调用服务端接口获取上传凭证
  3. 通过uni.uploadFile 进行上传
  4. 注意通过小程序network看不到上传信息
      const [uploadErr, uploadRes] = await new Promise<any>((resolve, reject) => {
        wx.uploadFile({
          url: data.host,
          filePath: file.path, // 支持多种文件路径格式
          name: 'file',
          header: {
            "Content-Type": "multipart/form-data"
          },
          formData: {
            'name': data.uuid + suffix,
            'key': filePath,
            'policy': data.policy,
            'x-oss-signature': data.signature,
            'x-oss-signature-version': data.version,
            'x-oss-credential': data.x_oss_credential,
            'x-oss-date': data.x_oss_date,
            'x-oss-security-token': data.security_token,
            'success_action_status': "200"
          },
          success: (res: any) => resolve([null, res]),
          fail: (err: any) => resolve([err, null])
        })
      })