嗨,我想将一个图像src的数组从我的javascript文件传递到下面的我的ejs文件。
<div id = "flick">
<img src="nothing.jpg" id="image" name="image"/>
<% var imgArray = imgLinks %> //Grab the array of img src's
<script>
var passArray = [];
passArray = <%= imgArray %>; // Pass to a local array
for (i = 0; i < passArray.length; i++){
document.getElementById('image').src = passArray[i];
}
</script>
</div>
我已经测试并发现我正确地接收了数组'imgLinks',但我想知道如何通过并显示所有图像数组。我是Javascript的新手,如果这是愚蠢的抱歉。
您继续用图像覆盖相同的图像标记,直到您位于数组的末尾。
你可以做的是克隆图像标签,然后将其作为子项添加到“轻弹”div
var passArray = [];
passArray = <%= imgArray %>; // Pass to a local array
for (i = 0; i < passArray.length; i++){
var itm = document.getElementById('image');
var cpy = itm.cloneNode(true);
cpy.id = "image" + i;
cpy.src = passArray[i];
document.getElementById("flick").appendChild(cpy);
}
这将生成最顶层图像的副本,并将其附加到轻弹div
。如果您需要删除原始的img
标记,您可以执行:
document.getElementById("image").remove()
在for循环之后。
在这里看到一个工作小提琴:https://jsfiddle.net/0Lsh2y1j/2/