淄博网站建设推广乐达,爱网站查询挖掘工具,外贸衣服是什么意思呢,iapp影视源码H5 微信小程序可用的前端直传阿里云OSS(STS临时凭证前端签名)直接下载插件
下面是原理说明#xff1a;
明白了#xff0c;我来详细说明前端上传文件到阿里云OSS需要携带的具体参数#xff1a;
从服务器获取的 STS 凭证#xff1a;
// 这些参数需要从你的后端服务器获…H5 微信小程序可用的前端直传阿里云OSS(STS临时凭证前端签名)直接下载插件
下面是原理说明
明白了我来详细说明前端上传文件到阿里云OSS需要携带的具体参数
从服务器获取的 STS 凭证
// 这些参数需要从你的后端服务器获取
{accessKeyId: STS.xxxx, // STS临时访问密钥IDaccessKeySecret: yyyy, // STS临时访问密钥SecretsecurityToken: zzzz, // STS安全令牌expiration: 2024-10-24T12:00:00Z // 过期时间
}上传文件时实际发送给阿里云的表单数据
formData: {// 必须参数key: uploads/example.jpg, // 文件存储的路径名称OSSAccessKeyId: STS.xxxx, // STS临时访问密钥IDpolicy: xxxxxx, // Base64编码的策略文本signature: yyyy, // 签名字符串x-oss-security-token: zzzz, // STS安全令牌// 可选参数success_action_status: 200, // 上传成功后的返回码Content-Type: image/jpeg, // 文件类型x-oss-meta-uuid: uuid, // 自定义元信息前缀
}实际调用示例
constructor(config) {// 设置 OSS 服务的 URLthis.url config.url || https://yanyuguodu.oss-cn-beijing.aliyuncs.com/;// 设置访问密钥 IDthis.accessKeyId config.accessKeyId || ;// 设置访问密钥 Secretthis.accessKeySecret config.accessKeySecret || ;// 设置安全令牌this.securityToken config.securityToken || ;// 定义策略文本const policyText {expiration: config.expiration, // 策略过期时间conditions: [[content-length-range, 0, 1048576000] // 文件大小限制]}// 对策略文本进行 Base64 编码this.policy Base64.encode(JSON.stringify(policyText));}// 定义异步方法 ossUpload用于上传文件async ossUpload(filePath, name, dir) {// 生成文件的完整路径// const key dir this.random_string(10) this.get_suffix(name);const key dir name;// 生成签名const bytes HMAC(SHA1, this.policy, this.accessKeySecret, { asBytes: true });const signature util.bytesToBase64(bytes);// 返回一个 Promise 对象return new Promise((resolve, reject) {// 使用 uni.uploadFile 方法上传文件uni.uploadFile({url: this.url, // 上传地址filePath: filePath, // 文件路径name: file, // 文件字段名formData: {name, // 文件名key, // 文件路径policy: this.policy, // 策略// 作用指定上传的条件和限制// 包含// - 过期时间 expiration// - 文件大小限制 content-length-range// - 允许的文件类型// - 其他限制条件//下面是必填参数OSSAccessKeyId: this.accessKeyId, // 访问密钥 IDsuccess_action_status: 200, // 成功状态码signature, // 签名x-oss-security-token: this.securityToken // 安全令牌},// 上传成功的回调函数success: () {resolve({ success: true, data: this.url key });},// 上传失败的回调函数fail: () {reject({ success: false, data: 上传失败 });}});});}
