阿里云OSS图片上传

因为项目最近想把七牛的图片转换到阿里OSS,所以就研究了一下, 整理了一下,做了个小demo

其中最主要的一步是获取accessKeyId ,accessKeySecret ,securityToken 这几个key,然后通过这几个KEY生产一个OSS对象,OSS对象中有一些属性官网可能没有详细的介绍,需要自己去探究,比如secure:true表示为http还是https。

client = new OSS({
   
			  // yourRegion填写Bucket所在地域。以华东1(杭州)为例,yourRegion填写为oss-cn-hangzhou。
			  region: 'oss-cn-hzfinance',
			  // 从STS服务获取的临时访问密钥(AccessKey ID和AccessKey Secret)。
			  accessKeyId: obj.accessKeyId,
			  accessKeySecret: obj.accessKeySecret,
			  // 从STS服务获取的安全令牌(SecurityToken)。
			  stsToken: obj.securityToken,
			  // 填写Bucket名称。
			  bucket: obj.bucket,
			  // 请求为HTTP还是HTTPS。
			  secure:true
			});

然后是通过readFileAsBuffer将文件转换为二进制对象,这一步比较特殊,因为转换需要一定的时间,所以我们必须使用async 和 await , await会阻塞后面的代码,先执行async外面的同步代码,同步代码执行完,再回到async内部,不然的话文件还没转换完就上传就gameover了

//将文件转为blob类型
 function readFileAsBuffer(file) {
   
   const reader = new FileReader();
   return new Promise((resolve, reject) => {
   
	 reader.readAsDataURL(file);
	 reader.onload = function(e) {
   
	   const base64File = reader.result.replace(/^data:\w+\/\w+;base64,/, "");
	   resolve(new 
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值