javaScript客户端签名直传

一.介绍

本文主要介绍如何基于POST Policy的使用规则在客户端通过JavaScript代码完成签名，然后通过表单直传数据到OSS。

二.客户端签名步骤

1.在客户端通过JavaScript代码完成签名，无需过多配置，即可实现直传，非常方便。但是客户端通过JavaScript把AccesssKeyID和AccessKeySecret写在代码里面有泄露的风险，建议采用服务端签名后直传。

2.OSS为Bucket设置跨域规则以支持Post方法，

首先要OSS管理控制台设置CORS

3.如果上传后保持原来的文件名，字段改成‘key’:'${filename}'

修改前

new_multipart_params = { 
'key' : g_object_name, 
'policy': policyBase64,
 'OSSAccessKeyId': accessid, 
'success_action_status' : '200', //让服务端返回200,不然，默认会返回204 
'signature': signature,
 };

修改后

new_multipart_params = { 
'key' : 'abc/' + '${filename}',
 'policy': policyBase64,
 'OSSAccessKeyId': accessid,
 'success_action_status' : '200',
 //让服务端返回200,不然，默认会返回204
 'signature': signature, 
};

4.如果目录是后端返回的目录地址，需要和以下key拼接拼接

let new_multipart_params = { 
'key' : res.data.extend.ossMsg.objectName +'.' + fileSuffix, 
'policy': policyBase64,
 'OSSAccessKeyId': accessid,
 'success_action_status' : '200', //让服务端返回200,不然，默认会返回204 
'signature': signature,
 };

5.如果想在上传的时候设置成随机文件名，后缀保持和客户端文件一样，可以改为

function check_object_radio() {
 			g_object_name_type = 'local_name';
 }

6.可以将文件上传到指定目录下。下面的代码是将上传目录改成abc/，注意，目录必须以正斜线（/）结尾

function get_dirname() 
  {
      g_dirname = 'abc/'
   }

7.上传签名主要是对policyText进行签名，最简单的例子如下

var policyText = { 
    "expiration": "2023-01-01T12:00:00.000Z", //设置该Policy的失效时间，超过这个失效时间之后，就没有办法通过这个policy上传文件了
     "conditions": [ 
       		["content-length-range", 0, 1048576000] // 设置上传文件的大小限制
     ]
 };

三、API
JavaScript客户端签名直传