微信小程序如何实现将文件上传至OSS的详细步骤？

本文共计1296个文字，预计阅读时间需要6分钟。

步骤1：配置Bucket跨域步骤2：客户端端进行表单直传到OSS步骤3：同时，浏览器会向OSS发送带有Origin的请求消息步骤4：OSS对带有Origin的请求消息进行CORS规则（跨域资源共享）验证

步骤 1： 配置 Bucket 跨域

客户端进行表单直传到 OSS 时，会从浏览器向 OSS 发送带有 Origin 的请求消息。OSS 对带有 Origin 头的请求消息会进行跨域规则（CORS）的验证。因此需要为 Bucket 设置跨域规则以支持 Post 方法。

步骤 2：配置外网域名到小程序的上传域名白名单中

通过 OSS 控制台查看外网域名。

登录微信小程序平台，配置小程序的上传域名白名单。

步骤 3：使用 Web 端直传实践方案 Demo 进行上传测试

下载应用服务器代码

修改 Demo 中 upload.js 的密钥和地址。

进行上传测试。