如何在javascript中循环浏览子文件夹中的图像

我想循环浏览名为images的子文件夹中的图像。 目的是将它们附加到我的html中的图像栏中

我想出的解决方案是从子文件夹中取出图像并将它们放入一个数组中

const imgArray= ['pic1.jpg', 'pic2.jpg', 'pic3.jpg' , 'pic4.jpg', 'pic5.jpg']; 

然后在数组中循环

for (let i = 0; i <= imgArray.length-1; i += 1) {

const newImage = document.createElement('img');
newImage.setAttribute('src', imgArray[i] ) ;
imageBar.appendChild(newImage);}

---

for（让i=0；i将文件名放入数组是正确的，因为JavaScript没有直接访问文件系统的权限来读取其内容

见以下评论：


//通过对数组调用.forEach（）可以直接在数组中循环
['pic1.jpg'，'pic2.jpg'，'pic3.jpg'，'pic4.jpg'，'pic5.jpg'].forEach（函数（img）{
const newImage=document.createElement（'img'）；
newImage.src=“images/”+img；//只需将路径连接到文件名即可
newImage.setAttribute（“alt”，“某些alt文本”）；//图像要求alt属性有效
附加子对象（newImage）；
})；
将文件名放入数组是正确的，因为JavaScript无法直接访问文件系统以读取其内容

见以下评论：


//通过对数组调用.forEach（）可以直接在数组中循环
['pic1.jpg'，'pic2.jpg'，'pic3.jpg'，'pic4.jpg'，'pic5.jpg'].forEach（函数（img）{
const newImage=document.createElement（'img'）；
newImage.src=“images/”+img；//只需将路径连接到文件名即可
newImage.setAttribute（“alt”，“某些alt文本”）；//图像要求alt属性有效
附加子对象（newImage）；
})
你不能读取那样的文件夹的内容。你不能读取那样的文件夹的内容。这实际上是一个很好的方法。这实际上是一个很好的方法。
for ( let i=0;   i<= imageFolder.length -1;   i++){
const newImage = document.createElement('img');
newImage.setAttribute('src', imgFolder[i] ) ;
thumbBar.appendChild(newImage)}