html - 如何从图片库的目录中提取文件？

我最近开始学习 html，对于我的第一个项目，我正在尝试创建一个图片库，该图片库从目录中获取每个 png 文件并将它们放在一个页面上。

我设法制作了一个非常简单的画廊，以网格模式显示图像，但我无法让它直接从文件夹中获取图像，而无需手动操作。

我可能在这样的项目中领先于自己，但欢迎任何帮助。

当前代码在 github 上：

标签： htmlcss

欢迎来到 Stackoverflow 和 Web 开发的世界。你确实有点超前了，但这是一种很好的态度。

为了能够自动从文件夹中获取所有图像，您需要一种编程语言。Javascript 是其中一种编程语言，但 Javascript 是客户端。

客户端意味着您编写的代码由用户的浏览器执行。这意味着只要用户有权访问包含您的图像的文件夹，他/她就能够获取所有图像并将它们显示在网页上。大多数服务器，即您的网站所在的计算机，都会采取安全措施来确保用户无法访问目录，只能访问内容。这意味着用户无法知道目录中有多少图像。

Javascript 在这方面也很慢，因为首先需要加载页面；运行javascript；遍历目录中的每个图像；一一显示；结束脚本。

所以你需要的是 PHP，一种服务器端语言。这将在用户获取页面之前运行，服务器执行代码。这意味着您可以访问包含图像的文件夹，并且能够遍历它们，获取图像并将它们放入 HTML 标记中，以便与页面一起发送给用户。

但是 PHP 需要的不仅仅是一个 .html 文件，它还需要一个 .php 文件，并且您的计算机或服务器必须了解 PHP 以及如何处理它。

如果您想了解更多关于 PHP W3Schools 的 PHP 基础知识指南：https ://www.w3schools.com/php/

但我建议现在坚持使用 HTML 和 CSS，并真正尝试理解它是如何工作的，以及它为什么会这样做。

祝你好运！