使用Angular JS从Amazon S3私有bucket检索图像

我正在为我的一个网站使用Angular JS和WEB API。根据网站的要求,我使用亚马逊S3存储在桶图像。

但现在我想用Angular JS在网站上显示那些上传的图片(不是一次全部)。请注意,bucket不是公共的。

任何人都可以分享使用Angular JS从Amazon S3检索图像的分步指南的确切代码吗?

根据回复,我添加了以下代码:-

$scope.retrieveImage = function()
{
   AWS.config.update({
            accessKeyId: "MyAccessKey", secretAccessKey: "MySecretKey"
        });

   var bucket = new AWS.S3({ params: { Bucket: "MyBucket" } });

   bucket.getObject({ Key: 'Datetime.png' }, function (err, file) {
     $scope.imgUrl = "";
   });
}

我现在收到以下错误:-

资源原点' http://localhost:PortNumber 因此不允许

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
</CORSConfiguration>

请告诉我该怎么办?

解决方案:- 将以下CORS标签修改为 <AllowedHeader>*</AllowedHeader> 就像魅力一样。谢谢你的回复。