vue 使用el-upload 上传oss云存储

1.前提条件

已开通阿里云对象存储OSS服务。
已创建RAM用户的AccessKey ID和AccessKey Secret。
由于云账号AccessKey拥有所有API的访问权限,建议使用RAM用户的AccessKey。如果部署在服务端,请使用RAM或STS的方式进行API访问或日常运维管控操作;如果部署在客户端,请使用STS方式进行API访问

2. 安装依赖包

  npm install ali-oss --save

3. 配置

OSS(options)中的各个配置项说明如下:
[accessKeyId] {String}:通过阿里云控制台创建的AccessKey。
[accessKeySecret] {String}:通过阿里云控制台创建的AccessSecret。
[stsToken] {String}:使用临时授权方式,详情请参见使用 STS 进行临时授权
[bucket] {String}:通过控制台或PutBucket创建的bucket。
[endpoint] {String}:OSS域名。
[region] {String}:bucket所在的区域, 默认oss-cn-hangzhou。
[internal] {Boolean}:是否使用阿里云内网访问,默认false。比如通过ECS访问OSS,则设置为true,采用internal的endpoint可节约费用。
[cname] {Boolean}:是否支持上传自定义域名,默认false。如果cname为true,endpoint传入自定义域名时,自定义域名需要先同bucket进行绑定。
[isRequestPay] {Boolean}:bucket是否开启请求者付费模式,默认false。具体可查看请求者付费模式
[secure] {Boolean}:(secure: true)则使用HTTPS,(secure: false)则使用HTTP,详情请查看常见问题
[timeout] {String|Number}:超时时间,默认60s。

// 创建一个工具文件 aliOss.js
var oss = require('ali-oss');

var store = oss({
  accessKeyId: 'your access key',
  accessKeySecret: 'your access secret',
  bucket: 'your bucket name',
  region: 'oss-cn-hangzhou'
});
image.png

分片上传

OSS提供的分片上传(Multipart Upload)功能,将要上传的较大文件(Object)分成多个数据块(Part)来分别上传,上传完成后再调用CompleteMultipartUpload接口将这些Part组合成一个Object来达到断点续传的效果。

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容