AWS javascript sdK for angular2+ 带进度

发布时间：2020-01-20 15:29:44 修改时间：2020-01-20 15:29:44 阅读：7999 评论：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你说了算!!

---