Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Angular JS从Amazon S3私有bucket检索图像_Javascript_Angularjs_Amazon Web Services_Amazon S3 - Fatal编程技术网

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

Javascript 使用Angular JS从Amazon S3私有bucket检索图像,javascript,angularjs,amazon-web-services,amazon-s3,Javascript,Angularjs,Amazon Web Services,Amazon S3,我正在为我的一个网站使用Angular JS和WEB API。根据网站的要求,我使用亚马逊S3存储在桶图像 我使用WebAPI在AmazonS3存储桶中使用accesskey和secretaccess密钥动态上传图像 但现在我想用AngularJS在网站上显示这些上传的图片(不是一次全部)。请注意,bucket不是公共的 任何人都可以分享使用Angular JS从Amazon S3检索图像的详细代码和分步指南吗 已编辑(新增) 根据回复,我添加了以下代码:- $scope.retrieveIma

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

我使用WebAPI在AmazonS3存储桶中使用accesskey和secretaccess密钥动态上传图像

但现在我想用AngularJS在网站上显示这些上传的图片(不是一次全部)。请注意,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 = "";
   });
}
我现在得到以下错误:-

对飞行前请求的响应未通过访问控制检查:否 “Access Control Allow Origin”标头出现在请求的服务器上 资源。因此,不允许使用源“” 通道响应的HTTP状态代码为403

我在MyBucket的权限内添加了以下CORS配置:-

<?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>

*
得到
3000
授权
请告诉我该怎么做

解决方案:-
将下面的CORS标记修改为
*
效果很好。感谢您的回复。

AWS在使用S3的网站上提供了一个完整的制作相册的示例。它包括添加、删除图像和相册


希望有帮助。

查找关键字
签名URL S3
。我在这里找到了很好的解释,请帮助我解决代码片段部分提到的错误。