阿里云ali-oss上传图片

最新推荐文章于 2024-04-24 13:30:13 发布

吃瓜群众欢乐多

最新推荐文章于 2024-04-24 13:30:13 发布

阅读量397

点赞数

文章标签：阿里云 javascript 云计算

本文链接：https://blog.csdn.net/sinat_36146776/article/details/125868394

版权

// import { OssClient } from 'utils/oss';
import { v4 as uuid } from 'uuid';
import { request } from '@kirin/mall-utils';
// eslint-disable-next-line @typescript-eslint/no-var-requires
const OSS = require('ali-oss');

const REG = /.*(\.[^.]+)$/;

/**
 * 获取授权信息
 */
async function getSts() {
  const data = await request('/api/oss/stsAcs');
  return { ...data };
}

/**
 * 上传图片
 * 参考链接：https://help.aliyun.com/document_detail/383950.html
 */
// @TODO 大文件分片上传判断处理
export async function upload(file) {
  const sts = await getSts();
  const { accessKeyId, accessKeySecret, securityToken, bucketName } = sts;
  const client = new OSS({
    region: 'oss-cn-hangzhou', // yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
    accessKeyId, // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
    accessKeySecret,
    stsToken: securityToken, // 从STS服务获取的安全令牌（SecurityToken）。
    bucket: bucketName, // 填写Bucket名称。
  });
  const { protocol, targetHost, pathPrefix } = sts;
  const suffixName = `${pathPrefix}/${uuid()}${file.name.replace(REG, '$1')}`;
  const res = await new Promise(resolve => {
    client
      .multipartUpload(suffixName, file, {
        'Cache-Control': 'no-cache',
      })
      .then(response => {
        resolve(response);
      });
  });
  const url = `${protocol}://${targetHost}/${res.name}`;
  return url;
}