如何在支付宝小程序环境下将文件上传到OSS

网站编辑2022-10-09 17:18:15678

  如何在支付宝小程序环境下将文件上传到OSS?小程序是当下比较流行的移动应用,例如微信小程序、支付宝小程序等。它是一种全新的开发模式,无需下载和安装,为终端用户提供更优的用户体验。如何在小程序环境下上传文件到OSS也成为开发者比较关心的一个问题。与JavaScript客户端直传实践的原理相同,小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS。接下来我们就来看看具体如何操作吧。


  步骤1:配置Bucket跨域访问
  如果亲们想要购买阿里云的产品,可以直接咨询我们的在线客服!我们可以为您提供售前咨询服务,15%左右返现优惠,以及售后技术支持。期待与您的合作!
  客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请求消息。OSS对带有Origin头的请求消息会进行跨域规则(CORS)的验证。因此需要为Bucket设置跨域规则以支持Post方法。
  1、登录OSS管理控制台。
  2、单击Bucket列表,之后单击目标Bucket名称。
  3、单击权限管理 > 跨域设置,在跨域设置区域单击设置。

  4、单击创建规则,配置如下图所示。

如何在支付宝小程序环境下将文件上传到OSS

  步骤2:获取签名
  为了您的数据安全,建议使用签名方式上传文件。OSS提供以下两种签名方式的代码:
  服务端签名
  使用服务端签名时,您需要先搭建一个签名服务,之后由客户端调用签名服务生成签名。
  服务端签名源码
  服务端接口示例
  客户端签名
  使用客户端签名时,您需要先在服务端搭建一个STS服务,之后由客户端获取STS临时授权账号并生成签名。
  服务端搭建STS服务

  客户端获取STS临时账号并生成签名


  步骤3:使用支付宝小程序上传
  相关参数如下:
  host:填写存储空间的访问域名,例如https://test.oss-cn-zhangjiakou.aliyuncs.com。若您的存储空间已绑定自定义域名,建议填写您的自定义域名。
  signature:填写步骤2中获取到的signature信息。
  ossAccessKeyId:填写您的AccessKey ID,若是通过STS获取的临时用户,则填写临时用户的AccessKey ID。
  policy:填写步骤2中获取到的policy信息。
  key:设置文件上传至OSS后的文件路径。例如需要将myphoto.jpg上传至test文件夹下,此处填写test/myphoto.jpg。
  securityToken:若使用STS认证,此项填写客户端签名时获取到的SecurityToken。

最新推荐

右侧广告图1
  • 对象存储OSS

    阿里云对象存储OSS是一款海量、安全、低成本、高可靠的云存储服务,可提供99.9999999999%(12个9)的数据持久性,99.995%的数据可用性。多种存储类型供选择,全面优化存储成本。

    ¥171.99/年

    包年75折

  • 标准OSS存储包

    适合图片/音视频等多媒体数据存储,数据实时处理,海量存储无上限

    ¥89.00/年

  • 云备份

    云备份作为阿里云统一灾备平台,是一种简单易用、敏捷高效、安全可靠的公共云数据管理服务,可以为阿里云 ECS 整机、ECS 数据库、文件系统、NAS、OSS、Tablestore 以及自建机房内的文件、数据库、虚拟机、大规模 NAS 等提供备份、容灾保护以及策略化归档管理。

    ¥486.00/年

    年中优惠

右侧广告图2