我使用Angularjs从S3存储桶中获得了图像URL,但是如何从客户端下载该图像

时间:2019-04-12 12:16:56

标签: angularjs amazon-s3

我将在控制台中获取所有s3存储桶对象URL。 如何使用Angularjs从客户端下载该对象

app.controller('Sample', function($scope) {

   AWS.config.update({
       accessKeyId: '',
       secretAccessKey: ''
   });

   AWS.config.region = "us-east-1";
   $scope.s3Url = '';

   var bucket = new AWS.S3({
      params: {
         Bucket: 'mybucketname',
         Prefix: 'UPLOADS'
      }
   });

   bucket.listObjects(function(err, data) {
     if (err) {
        console.log(err);
     } else {
        console.log(data.Contents[1]);
        $scope.imgData = $scope.s3Url + data.Contents[1].Key;
        console.log($scope.imgData);
     }
   });

});

1 个答案:

答案 0 :(得分:0)

希望这会对您有所帮助。此功能适用于chrome和firefox,但不适用于其他浏览器。

let link = document.createElement('a');
link.href = 's3_url_image.png';
link.download = 'download_filename.png';
document.body.appendChild(link);
link.click();