AliOSS上传图片

最新推荐文章于 2024-08-06 07:38:23 发布

css3html5csdn

最新推荐文章于 2024-08-06 07:38:23 发布

阅读量2.3k

点赞数 1

分类专栏： js 工具文章标签： AliOSS上传图片

本文链接：https://blog.csdn.net/qq_38402659/article/details/90756906

版权

本文介绍了如何在前端实现阿里云OSS图片上传。首先，详细讲述了安装Node.js和OSS SDK的过程，包括同步和异步创建连接的方式。然后，讨论了实例化OSS的两种方法，一种是直接在前端代码中放入阿里云的accessKeyId和accessKeySecret，另一种是通过后台获取授权参数，这种方式更安全。文章提到了后台处理授权参数的官方文档链接，并指出使用后端返回的参数来实例化OSS。最后，还提供了region与EndPoint转换的相关帮助文档链接。

摘要由CSDN通过智能技术生成

一、安装node.js ----oss-SDK:

    npm install ali-oss

①同步方式创建连接：

    new OSS()

~
②异步方式创建连接:

 new OSS.wrapper()

二、实例化OSS
①将阿里云后台生成的accessKeyId与accessKeySecret直接放到前端代码里,实例化OSS(不推荐,容易被别人盗取)

let OSS = require('ali-oss');
let client = new OSS({
  region: '<oss region>',
  //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，部署在服务端使用RAM子账号或STS，部署在客户端使用STS。
  accessKeyId: '<Your accessKeyId>',
  accessKeySecret: '<Your accessKeySecret>',
  bucket: '<Your bucket name>'
});

②后台拿到阿里云的秘钥,进行处理.(推荐)
后台返回授权参数,每次上传文件之前都要调用该接口,
像后台要配置信息,该信息一般有效期15分钟,可以保存在本地,过期重新获取
https://help.aliyun.com/document_detail/32077.html?spm=a2c4g.11186