如何使用AWS Javascript SDK显示每个文件的文件上载进度?

时间:2014-09-17 14:58:37

标签: angularjs amazon-web-services amazon-javascript-sdk

我正在尝试将文件上传到AWS S3并且工作正常。但是当文件上传正在进行多个文件时,我如何获得每个文件的进度。下面是我在AngularJs中的代码

upload: function (file) {
    options = {
        accessKeyId : 'xxxxxxx',
        secretAccessKey : 'xxxxxxxxxxxxxxxxxxxxxxx',
        region : 'xxxxxx'
    }

    var s3 = new AWS.S3(options);

    var params = {
        Bucket : bucketStructure,
        Key: file.name,
        ContentType: file.type,
        Body: file,
        ServerSideEncryption: 'xxxx',
        ACL : 'private'
    };

    s3.putObject(params, function(err, data) {
      if(err) {
        // There Was An Error With Your S3 Config
        alert('AWS Error : '+err.message);
        return false;
      }
      else {
        // Success!
        alert('Upload Done');
      }
    })
    .on('httpUploadProgress',function(progress) {                        
        //console.log(Math.round(progress.loaded / progress.total * 100) + '% done');
    });

} 

我在循环中调用服务函数中的上述代码。因此,当用户点击表单提交按钮时,我将上传两个文件并在下面的循环中调用上述函数:

angular.forEach($rootScope.awsfiles, function (file) {
                        FileFactory.Upload(file);
                    });

现在我怎么知道哪个文件显示进度?还有其他更好的想法让这个工作?谢谢!

0 个答案:

没有答案