Javascript 显示多个图像而不使用<；img>；标签？

有没有什么方法可以在HTML页面上显示文件夹中的500多个图像，而不必写出500多个img src标记

在我来这里之前，我已经在谷歌上搜索过了，但是我能找到的唯一结果似乎是建议使用PHP，或者叫做“glob”的东西，我宁愿尽量不要使用

是否可以将单独的.js文件与文件一起使用，然后使用HTML中的脚本来显示图像

---

.jpg和.png文件

您可以将图像名称存储在JavaScript数组中，并使用以下命令列出所有图像：

var图像=[
'planer.png'，
“arctichare.png”，
“baboon.png”，
“barbara.png”，
];
var baseUrl=https://homepages.cae.wisc.edu/~ece533/images/'；
容器=document.getElementById（“imagesContainer”）；
函数createImages（项、索引）{
container.innerHTML=container.innerHTML+“
”；
}
image.forEach（createImages）
一种方法是使用Excel和CONCAT为您动态创建代码

因此，如果A列包含所有图像位置，则在B列中会写类似的内容。因此，假设A列包含“image1.png”：

=CONCAT（“”）

然后，您只需将其应用于B列，并复制HTML
 这样做的一种方法（如果它们都在一个文件夹中，那就好了）就是在文件夹中循环。如果要在单独的div中显示它们，可能需要修改以下代码

出于演示的原因，我将数字设置为75，您可以将其设置为500。或者，如您所示，如果其中一些是jpg，另一些是png，您可以为每个（jpg和png）设置一个子文件夹，并将jpg的var设置为例如300，png设置为200等

希望这有帮助


var jpgcontainer=document.getElementById（'jpg'）；
var pngcontainer=document.getElementById（'png'）；
变量文件={
‘jpg’：300
};
var files2={
‘巴布亚新几内亚’：200
};
for（文件中的var jpgext）{
对于（var i=0；i

img{
宽度：50px；
高度：50px；
显示：块；
}

如果您没有对图像进行硬编码，那么您需要在服务器端读取图像文件夹并将其呈现到页面上。单靠客户端的JavaScript无法做到这一点，这是完全可能的，最简单的方法取决于您希望使用的语言和图像名称的格式。您可以使用一个从1到500的基本PHP循环，并在每个循环中附加
.png
，例如，显示
1.png
，
2.png
，等等。如果它们没有顺序编号，您可能需要使用一个包含所有文件名的数组。为什么不使用each循环遍历所有图像并动态生成src呢？很抱歉响应太晚，很遗憾，我无法使用此方法显示图像：（如果你用数字命名你的图像，1,2,3…500等等，你也需要指定正确的文件路径。每个图像的名称是1.jpg 2.png等，路径是正确指定的，所以我不确定。是否还需要使用Jquery.min.js？很抱歉响应太晚，很遗憾，我无法使用此方法显示图像：（刚刚修复了我的示例。您在浏览器控制台中是否收到任何JavaScript错误消息？否则，请检查生成的图像路径是否正常
=CONCAT("<img src='", A1, "' />")