前端JS直传到OSS服务器

最新推荐文章于 2025-03-24 17:25:50 发布

jack_wangx

最新推荐文章于 2025-03-24 17:25:50 发布

阅读量1.3k

点赞数 2

分类专栏： js 第三方文章标签：前端OSS上传

本文链接：https://blog.youkuaiyun.com/jack_wangx/article/details/98477712

版权

本文介绍了如何在前端使用JavaScript直接上传文件到阿里云OSS服务器。首先，需要引入阿里云OSS的依赖，并注意权限管理，推荐使用STS服务。接着，详细解释了相关参数设置和阿里云官方文档的引用。最后，讨论了生产环境中必不可少的跨域配置。这是一个基础实现的代码示例，供学习和交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一引入阿里云OSS依赖

<script type="text/javascript" src="./aliyun-oss-sdk.min.js"></script>

二代码书写
1.云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，部署在服务端使用RAM 子账号或STS，部署在客户端使用STS。通过STS服务，您所授权的身份主体（RAM用户、RAM用户组或RAM角色）可以获取一个自定义时效和访问权限的临时访问令牌。STS令牌持有者可以通过以下方式访问阿里云资源：通过编程方式访问被授权的阿里云服务API。登录阿里云控制台操作被授权的云资源。STS令牌生成文档：https://help.aliyun.com/document_detail/28756.html?spm=a2c4g.11186623.2.9.485d1b92875o65#reference-ong-5nv-xdb

 //初始化oss对象
 //本地测试用的自己的账号
 let client = new OSS({
 	   region: "oss-cn-hangzhou",
       accessKeyId: data.AccessKeyId,
       accessKeySecret: data.AccessKeySecret,
       bucket: data.Bucket
  });
  //生产环境建议采用stsToken方式，生成时注意设置权限及有效时间，生成方式可参考官方文档
  /*let client = new OSS({
      region: '<region>',
      accessKeyId: token.credentials.AccessKeyId,
      accessKeySecret: token.credential

最低0.47元/天解锁文章