JavaScript - 在静态网页上列出应用程序端文件

JavaScript - List application side files on static web page

我正在写一个小型静态网站。该网站应包含 "photo gallery"。由于随着时间的推移会添加新相册,我想写一些 javascript 代码,在应用程序端而不是客户端查找 "albums" 文件夹,然后列出所有文件夹和文件该文件夹,以便我可以动态添加图片。

文件夹结构:

app
- albums
  - album1
    - img1.jpg
    - img2.jpg
    - img3.jpg
  - album2
    - img1.jpg
    - img2.jpg
    - img3.jpg
- index.html
- page1.html
- page2.html

我想这一定是可行的,因为如果我在标签中硬编码图像位置,我可以用 src="" 指定。

据我所知,JS 文件 API 仅适用于客户端?

我计划在 AWS S3 存储桶中托管此网站。也许我应该使用一些 AWS 库来实现此功能?

我建议使用 AWS S3 JS SDK,它允许您从客户端和服务器访问存储桶树,具体取决于您需要的复杂程度。 http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html