步骤 1: 配置 Bucket 跨域
客户端进行表单直传到 OSS 时,会从浏览器向 OSS 发送带有 Origin 的请求消息。OSS 对带有 Origin 头的请求消息会进行跨域规则(CORS)的验证。因此需要为 Bucket 设置跨域规则以支持 Post 方法。
步骤 2:配置外网域名到小程序的上传域名白名单中
通过 OSS 控制台查看外网域名。
登录微信小程序平台,配置小程序的上传域名白名单。
步骤 3:使用 Web 端直传实践方案 Demo 进行上传测试
下载应用服务器代码
修改 Demo 中 upload.js 的密钥和地址。
进行上传测试。
获取上传需要的签名(signature)和加密策略(policy)
使用微信小程序上传图片
使用 chooseImage API 进行图片选择,然后调用 uploadFile 进行文件上传
upload.js
accessid= '';
accesskey= '';
host = '';
g_dirname = ''
g_object_name = ''
g_object_name_type = ''
now = timestamp = Date.parse(new Date()) / 1000;
var policyText = {
"expiration": "2020-01-01T12:00:00.000Z", //设置该Policy的失效时间,超过这个失效时间之后,就没有办法通过这个policy上传文件了
"conditions": [
["content-length-range", 0, 1048576000] // 设置上传文件的大小限制
]
};
var policyBase64 = Base64.encode(JSON.stringify(policyText))
message = policyBase64
var bytes = Crypto.HMAC(Crypto.SHA1, message, accesskey, { asBytes: true }) ;
var signature = Crypto.util