如何在 HTML 网站上显示来自本地项目的文件?

How to display files from the local project on HTML web site?

我是开发新手,想知道有什么方法可以在网页上显示文件夹的内容。举个例子.. https://media.prod.mdn.mozit.cloud/attachments/2014/11/11/9231/c5b2b5fba968bc6d3d896b39409c889e/file-structure.png 我的代码结构如下所示。 我希望能够在网站上显示 img 文件夹中的文件。 用户应该能够点击它们并在浏览器中打开它们。

有几种方法可以做到这一点,但考虑到您网络的安全性,我认为这不是明智之举。有一个 chrome 扩展,但这对没有它的用​​户不起作用。

Here 是一个非常相似的问题,如果不相同的话,它解释了为什么你不应该这样做,下面的答案解释了如何去做。

切记,它总是适合您,因为您的目录是本地的并且可以在内部访问。