You need to enable JavaScript to run this app.
导航

Post 表单预签名(Browser.js SDK)

最近更新时间2024.02.04 18:31:06

首次发布时间2023.08.03 16:36:18

本文介绍 POST 表单预签名的示例代码。

示例代码

以下代码用于使用 POST 表单预签名向桶 examplebucket 添加对象 preSignedUrl-put.txt 时,生成对应的 POST 表单签名数据。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <!-- 导入SDK文件 -->
    <script src="https://tos-public.volccdn.com/obj/volc-tos-public/@volcengine/tos-sdk@latest/browser/tos.umd.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.4.0/axios.min.js"></script>
    <script type="text/javascript">
      const client = new TOS({
        // yourRegion 填写Bucket 所在地域。以华北2(北京)为例,yourRegion 填写为 cn-beijing。
        region: yourRegion,
        // 填写 endpoint 名称。
        endpoint: yourEndpoint,
        // 从 STS 服务获取的临时访问密钥(AccessKey ID 和 AccessKey Secret)。
        accessKeyId: yourAccessKey,
        accessKeySecret: yourSecretKey,
        // 从 STS 服务获取的安全令牌(SecurityToken)。
        stsToken: yourSecurityToken,
        // 填写 Bucket 名称。
        bucket: examplebucket,
      });
      const objectName = 'exampledir/preSignedUrl-put.txt';

      const main = async () => {
        const result = await client.preSignedPostSignature({
          bucket: examplebucket,
          key: objectName,
        });
        // 预签名内容
        console.log('preSignedPostSignature:', result);
      };

      main();
    </script>
  </body>
</html>

相关文档

关于 POST 表单预签名的详细信息,请参见基于浏览器上传的表单中包含签名