JS直传图片到阿里云oss服务器,不占用服务器带宽

1 篇文章 0 订阅
1 篇文章 0 订阅

<script type="text/javascript">
var client = new OSS.Wrapper({
region: "host",
accessKeyId: "key",/*这两者到阿里云控制台获得*/
accessKeySecret: "Secret",
bucket: "bucket"/*装图片的桶名*/
});
document.getElementById('fileName').addEventListener('change', function (e) {
var file = e.target.files[0];
var storeAs = "headImg/"+getUuid()+".jpg";
console.log(file.name + ' => ' + storeAs);
client.multipartUpload(storeAs, file).then(function (result) {
var uploadPath="http://"+oss.bucket+".oss-cn-shenzhen.aliyuncs.com/"+storeAs;/*将这段字符串存到数据库即可*/
console.log(uploadPath);
$("[name=img]").attr("src",uploadPath);
}).catch(function (err) {
console.log(err);
});

function getUuid(){
var len=32;//32长度
var radix=16;//16进制
var chars='0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');var uuid=[],i;radix=radix||chars.length;if(len){for(i=0;i<len;i++)uuid[i]=chars[0|Math.random()*radix];}else{var r;uuid[8]=uuid[13]=uuid[18]=uuid[23]='-';uuid[14]='4';for(i=0;i<36;i++){if(!uuid[i]){r=0|Math.random()*16;uuid[i]=chars[(i==19)?(r&0x3)|0x8:r];}}}
return uuid.join('');
}
});

[color=orange]这里图片的名称采用随机生成 ,因为不能重复。[/color]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值