生成预签名 URL

const url = cos.getObjectUrl({
  Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
  Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
  Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
  Sign: false,
});

const url = cos.getObjectUrl({
  Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
  Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
  Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
});

// 初始化实例
const cos = new COS({
    // getAuthorization 必选参数
    getAuthorization: function (options, callback) {
        // 初始化时不会调用，只有调用 cos 方法（例如 cos.putObject）时才会进入
        // 异步获取临时密钥
        // 服务端 JS 和 PHP 例子：https://github.com/tencentyun/cos-js-sdk-v5/blob/master/server/
        // 服务端其他语言参考 COS STS SDK ：https://github.com/tencentyun/qcloud-cos-sts-sdk
        // STS 详细文档指引看：https://cloud.tencent.com/document/product/436/14048

        const url = 'http://example.com/server/sts.php'; // url 替换成您自己的后端服务
        const xhr = new XMLHttpRequest();
        let data = null;
        let credentials = null;
        xhr.open('GET', url, true);
        xhr.onload = function (e) {
            try {
               data = JSON.parse(e.target.responseText);
               credentials = data.credentials;
            } catch (e) {
            }
            if (!data || !credentials) {
              return console.error('credentials invalid:\\n' + JSON.stringify(data, null, 2))
            };
            callback({
              TmpSecretId: credentials.tmpSecretId,
              TmpSecretKey: credentials.tmpSecretKey,
              SecurityToken: credentials.sessionToken,
              // 建议返回服务器时间作为签名的开始时间，避免用户浏览器本地时间偏差过大导致签名错误
              StartTime: data.startTime, // 时间戳，单位秒，如：1580000000
              ExpiredTime: data.expiredTime, // 时间戳，单位秒，如：1580000000
          });
        };
        xhr.send();
    }
});

cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
    Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
    Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
    Sign: false,
  },
  function (err, data) {
    console.log(err || data.Url);
  }
);

cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
    Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
    Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
    Sign: true,
    Expires: 3600, // 单位秒
  },
  function (err, data) {
    console.log(err || data.Url);
  }
);

cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
    Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
    Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
    Sign: true,
  },
  function (err, data) {
    if (err) return console.log(err);
    var downloadUrl =
      data.Url +
      (data.Url.indexOf('?') > -1 ? '&' : '?') +
      'response-content-disposition=attachment'; // 补充强制下载的参数
    // 可拼接 filename 来实现下载时重命名
    // downloadUrl += ';filename=myname';
    // （推荐使用 window.open()方式）这里是新窗口打开 url，如果需要在当前窗口打开，可以使用隐藏的 iframe 下载，或使用 a 标签 download 属性协助下载
    window.open(downloadUrl);
  }
);

cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
    Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
    Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
    Sign: true,
    // 传入的请求参数需与实际请求相同，能够防止用户篡改此 HTTP 请求的参数
    Query: {
      'imageMogr2/thumbnail/200x/': '',
    },
    // 传入的请求头部需包含在实际请求中，能够防止用户篡改签入此处的 HTTP 请求头部
    Headers: {
      host: 'xxx', // 指定 host 访问，非指定的 host 访问会报错403
    },
  },
  function (err, data) {
    console.log(err || data.Url);
  }
);

cos.getObjectUrl(
  {
    Bucket: 'examplebucket-1250000000', // 填入您自己的存储桶，必须字段
    Region: 'COS_REGION', // 存储桶所在地域，例如 ap-beijing，必须字段
    Key: '头像.jpg', // 存储在桶里的对象键（例如1.jpg，a/b/test.txt），支持中文，必须字段
    Method: 'PUT',
    Sign: true,
  },
  function (err, data) {
    if (err) return console.log(err);
    console.log(data.Url);
    
    // 获取到 Url 后，前端可以这样 ajax 上传
    const upload = function(url, retryTimes) {
        var xhr = new XMLHttpRequest();
        xhr.open('PUT', url, true); // PUT 和 getObjectUrl 填写的 Method 对应
        xhr.onload = function (e) {
          console.log('上传成功', xhr.status, xhr.statusText);
        };
        xhr.onerror = function (e) {
          // 5xx 重试一次
          if (Math.floor(xhr.status / 100) === 5 && retryTimes === 0) {
            retryTimes++;
            upload(url, retryTimes);
          } else {
            console.log('上传出错', xhr.status, xhr.statusText);
          }
        };
        xhr.send(file); // file 是要上传的文件对象
    }
    upload(data.Url, 0);
  }
);

function(err, data) { ... }

// SECRETID 和 SECRETKEY 请登录 https://console.cloud.tencent.com/cam/capi 进行查看和管理
var Authorization = COS.getAuthorization({
  SecretId: 'SECRETID', // 用户的 SecretId，建议使用子账号密钥，授权遵循最小权限指引，降低使用风险。子账号密钥获取可参见 https://cloud.tencent.com/document/product/598/37140
  SecretKey: 'SECRETKEY', // 用户的 SecretKey，建议使用子账号密钥，授权遵循最小权限指引，降低使用风险。子账号密钥获取可参见 https://cloud.tencent.com/document/product/598/37140
  Method: 'get',
  Key: 'exampleobject',
  Expires: 60,
  Query: {},
  Headers: {},
});