每一个你不满意的现在,都有一个你不努力的曾经. 网站首页 > js
AWS javascript sdK for angular2+ 带进度
发布时间:2020-01-20 15:29:44 修改时间:2020-01-20 15:29:44 阅读:7994 评论:0 0
AWS javascript sdK for angular2+ 带进度条
1、index.html 引入js sdk
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.606.0.min.js"></script>
2、引入模块使用
declare var AWS: any;
3、实例化对象并设置key
s3 = new AWS.S3({ apiVersion: '2006-03-01', accessKeyId: "您的access-key", secretAccessKey: "您的secret-key", endpoint: "eos-beijing-1.cmecloud.cn", s3ForcePathStyle: true, signatureVersion: 'v2', sslEnabled: false });
4、设置上传信息,建立的仓库等
说明:files[0] 为文件对象。
if (files[0]) { const params = { Key: new Date().getTime() + '.' + files[0].name.split('.')[1]; Bucket: '您平台上建立的仓库名', ContentType: files[0].type, Body: files[0], Expires: 315360000, ACL: 'public-read', StorageClass: 'STANDARD_IA', }; } else { console.log( 'Nothing to upload.') }
5、上传并监听计算上传百分比
this.s3.upload(params, function (err, data) { if (!err) { console.log(data.Location) }else { console.log(err); } }).on('httpUploadProgress', function(evt) { const press = ((Number(evt.loaded) * 100) / Number(evt.total) ).toFixed(0) + '%'; console.log(press) }).send(function(err, data) { if (err) { console.log('ERROR UPLOADING' + files[0].name); console.log(err); } else { console.log('完成'); // 成功之后将获取的objectKey值来替换img的路径 console.log(data.Location); //__this.isSubmit = true; // __this.listLoading = false; } });
O不OK你说了算!!
回复列表
关键字词:nbsp,br,code,console.log,err,span
上一篇:css常用属性
下一篇:js获取视频时长demo