Javascript 使用Angular JS从Amazon S3私有bucket检索图像
我正在为我的一个网站使用Angular JS和WEB API。根据网站的要求,我使用亚马逊S3存储在桶图像 我使用WebAPI在AmazonS3存储桶中使用accesskey和secretaccess密钥动态上传图像 但现在我想用AngularJS在网站上显示这些上传的图片(不是一次全部)。请注意,bucket不是公共的 任何人都可以分享使用Angular JS从Amazon S3检索图像的详细代码和分步指南吗 已编辑(新增) 根据回复,我添加了以下代码:-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
$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
。我在这里找到了很好的解释,请帮助我解决代码片段部分提到的错误。