-1
我正在創建一個Angular 2項目組合項目。從AWS s3角度2項目中顯示圖像Bucket
我在我的aws s3存儲桶中有幾個圖像的文件夾。
如何顯示頁面中文件夾內的所有照片。
我一直無法找到答案。
在此先感謝您的幫助
我正在創建一個Angular 2項目組合項目。從AWS s3角度2項目中顯示圖像Bucket
我在我的aws s3存儲桶中有幾個圖像的文件夾。
如何顯示頁面中文件夾內的所有照片。
我一直無法找到答案。
在此先感謝您的幫助
在您的S3存儲桶的影像都通過亞馬遜分配公共URL。爲了能夠通過此URL訪問圖像,您需要配置對存儲桶及其中的項目的訪問權限。有關更多信息,請參閱AWS S3 documentation。在較高的層面上,如果您查看控制檯中的存儲桶/項目屬性,則可以管理權限 - 通過授予每個人打開/下載權限,S3將通過URL爲圖像提供服務,該URL將顯示在安慰。
一旦你有這個URL相應地設置你的html的src屬性,圖像將顯示。
就像AWS所有的東西一樣,管理這些東西的方法越來越複雜 - 上面的例子對於入門很簡單,但可能不會給你所有你想要的控制。同樣,AWS文檔可能是您最好的選擇,除非您有更具體的問題。
謝謝Ironmanwaring,我可以通過一個常規的javascript函數獲取所有圖像的循環,但是我無法使它在角度組件或服務中工作。 –
所以你試圖列出文件名而不是(或除了)圖像本身?如果您分享常規JavaScript工作內容的代碼,以及哪些功能無法用於有助於排查問題的角碼代碼。 – ironmanwaring
不,只是照片,任何圖像文件夾都被視爲物體。 Angular2 * ngfor不適用於對象,只適用於數組。所以,我嘗試了服務,管道,可觀察的,我不能讓它工作。我可以使它在普通JavaScript中用for循環工作,但由於我在angular2中工作,我想使用它的方法。感謝您的答覆。 –