HTML /在HTML頁面中顯示圖像

Question

我創建了一個HTML頁面。

現在，我嘗試顯示在此HTML頁面中的特定文件夾（/ folder1）中的所有圖片（注意：我不知道這些圖像的名稱）。

我嘗試創建一個循環，它讀取所有這些圖像，並將其顯示在此HTML中。

有一個簡單的方法來做到這一點？

Answer 1

用PHP，你可以使用函數scandir()檢索目錄中的所有文件，並將它們保存爲一個數組。

然後遍歷數組，並像顯示任何圖像：

echo '<img src="path/to/folder1/'$files_array[i]'"> 

其中$ files_array包含在該目錄中的每個圖像文件的名稱。

Answer 2

您正在尋找HTML無法做到的事情。你將需要某種後端語言，無論是Rails，PHP，Python還是別的什麼都不重要。

HTML始終只會是標記語言。

這裏有一個類似的帖子，其具有的代碼，可以幫助你：

How To Display All Images in Folder

Answer 3

如果您的圖像存儲在服務器中，您可以讀取該目錄並獲取它們發送到字體結尾的圖像名稱。

，如果你是在本地文件系統的工作，如

/dir/index.html 
/dir/images/ 
/dir/images/xxx.png 
/dir/images/aaa.png 
/dir/images/other image.png 

您可以在批次中的所有圖像重命名爲1.png 2.png 3.png ...等等，然後使用JavaScript的HTML到

生成圖像

var body = document.getElementsByTagName("body")[0]; 
for (var i = 0; i < 100; ++i) { 
    var img = document.createElement("img"); 
    img.src = "images/" + i + ".png"; 
    body.appendChild(img); 
}