javascript - 使用 javascript 遍历图像文件夹并将结果添加到 HTML 中

Question

嘿，我正在想办法将一些媒体(图像和视频)添加到我的网页。我有一个只添加图像和视频的部分，它是基于 HTML 的所以我想我可以找到一种方法来为每个部分创建一个文件夹，将所有媒体添加到该文件夹​​中，然后让 Javascript 完成工作.这是我到目前为止想出的脚本。

Javascript

var files = {'jpg':4};
var pageName = "Wimoveh";
for (var ext in files){
for (var i = 0; i < files[ext]; i++){
    var src = "Images/GalleryOne" + pageName + "-" + (i+1) + "." + ext;}
}

此脚本在文件夹 GalleryOne 中查找名称为 Wimoveh 且以“-”作为分隔符的图片，然后循环访问与该名称和扩展名匹配的所有内容。我不知道如何在我的 HTML 中输出结果。

Answer 1

在你的循环中:

var img = new Image(); 
img.src = src;
containerElement.appendChild(img);

其中 containerElement 是对要将图像添加到的 html 元素的引用。(请注意，您需要延迟到 dom 加载完成)