Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.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
在AWS s3 Bucket的angular 2项目中显示图像_Angular_Amazon S3 - Fatal编程技术网

在AWS s3 Bucket的angular 2项目中显示图像

在AWS s3 Bucket的angular 2项目中显示图像,angular,amazon-s3,Angular,Amazon S3,我正在创建一个Angular 2投资组合项目 我的aws s3存储桶中有一个包含多个图像的文件夹 如何显示页面中文件夹内的所有照片 我到处都找不到答案 提前感谢您的帮助您S3存储桶中的图像都有一个由Amazon分配的公共URL。为了能够通过此URL访问图像,您需要配置对bucket及其项的访问。有关更多信息,请参阅。从较高的层次来看,如果您查看控制台中的bucket/item属性,您可以管理权限—通过授予每个人打开/下载权限,S3将通过URL为图像提供服务,URL显示在控制台的propertie

我正在创建一个Angular 2投资组合项目

我的aws s3存储桶中有一个包含多个图像的文件夹

如何显示页面中文件夹内的所有照片

我到处都找不到答案


提前感谢您的帮助

您S3存储桶中的图像都有一个由Amazon分配的公共URL。为了能够通过此URL访问图像,您需要配置对bucket及其项的访问。有关更多信息,请参阅。从较高的层次来看,如果您查看控制台中的bucket/item属性,您可以管理权限—通过授予每个人打开/下载权限,S3将通过URL为图像提供服务,URL显示在控制台的properties(属性)选项卡中的每个项

一旦你有了这个URL,相应地设置html的src属性,图像就会显示出来


与所有AWS一样,有越来越复杂的管理方法-上面的示例对于入门来说很简单,但可能无法提供您想要的所有控制。再说一次,除非你有更具体的问题,否则AWS文档可能是你最好的选择。

谢谢你,Ironmanwaring,我可以使用常规javascript函数通过for循环获得所有图像,但我无法使其在angular组件或服务中工作。因此,你尝试列出文件名,而不是(或除了)图像本身?如果您共享在常规javascript中工作的代码和在angular代码中不工作的代码,这将有助于解决问题。不,只有照片、任何图像文件夹被视为对象。Angular2*ngfor不处理对象,只处理数组。所以,我尝试了服务,管道,可观察的,我不能使它工作。我可以在常规javascript中使用for循环,但是因为我使用angular2,所以我想使用它的方法。感谢您的回复。在没有看到代码的情况下很难帮助进行故障排除,抱歉,无论何时发布任何问题,请显示您的代码片段