私はAngular 2のポートフォリオプロジェクトを作成しています。AWS s3バケツから角度2のプロジェクトの画像を表示
私はaws s3バケットにいくつかの画像を含むフォルダを持っています。
ページ内のフォルダ内のすべての写真を表示するにはどうすればよいですか。
私はどこでも答えを見つけることができませんでした。あなたの助けを事前に
おかげ
私はAngular 2のポートフォリオプロジェクトを作成しています。AWS s3バケツから角度2のプロジェクトの画像を表示
私はaws s3バケットにいくつかの画像を含むフォルダを持っています。
ページ内のフォルダ内のすべての写真を表示するにはどうすればよいですか。
私はどこでも答えを見つけることができませんでした。あなたの助けを事前に
おかげ
は、あなたのS3バケット内の画像はすべて、Amazonが割り当てられたパブリックURLを持っています。このURLを介して画像にアクセスできるようにするには、バケットとその中のアイテムへのアクセスを設定する必要があります。詳細については、AWS S3 documentationを参照してください。高レベルでは、コンソールでバケット/アイテムのプロパティを見ると、アクセス権を管理できます - 誰でもオープン/ダウンロードのアクセス許可を与えることで、S3はURLを介して画像を提供します。コンソール。
このURLを設定すると、それに応じてHTMLのsrc属性が設定され、画像が表示されます。
AWSのすべての機能と同様に、これを管理する方法はますます洗練されていません。上記の例は簡単に始められますが、必要なすべてのコントロールを提供するわけではありません。 AWSのドキュメントは、より具体的な質問がない限り、おそらくあなたの最善の策です。
ありがとう、Ironmanwaring、私は定期的なjavascript関数でforループですべての画像を取得できますが、角度コンポーネントまたはサービスで動作させることはできません。 –
イメージ自体ではなく(またはそれに加えて)ファイル名を列挙しようとしていますか?通常のjavascriptで動作しているコードと、角度コードで動作していないコードを共有すると、トラブルシューティングに役立ちます。 – ironmanwaring
いいえ、写真のみ、画像フォルダはすべてオブジェクトと見なされます。 Angular2 * ngforはオブジェクト、配列だけでは機能しません。だから、私はサービス、パイプを観察し、私はそれを動作させることはできません。私はそれを通常のjavascriptのforループで動作させることができますが、私はangular2で作業しているので、私はそのメソッドを使いたいと思っていました。お返事をありがとうございます。 –