javascript - for 循环内可点击的图像

Question

我的问题是我的网站有一个页面循环浏览您上传的所有图像，并且我使用 img 标记之外的 a 标记将它们链接起来。

链接页面如何知道点击了哪张图片以便在该页面上显示图像，而无法将变量发送回服务器？

正如您在下面的 html 代码中看到的那样。我将 node.js 与 ejs

结合使用

<div id="photofeed">
    <% if(photo!=null) {%>
        <% for(i=imgcount-1;i>=0;i--) {%>
            <div id="photo">
                <a href="photomenu"><img src="<%= photo[i].photo.path %>" width="200" height="200"></img></a>
                <h4><%= photo[i].photo.name%></h4>
            </div>
        <% } %>
    <% } %>
</div>

Answer 1

我将其发布为答案，因为我没有足够的声誉来发表评论。据我了解，您有一组图像，全部链接到同一页面“照片菜单”。由于所有图像都显示在同一页面中，因此您无法使用上一页(您单击图像的页面)来查看单击了哪张图片，因为所有图片都相同。您可以做的就是在 URL 中传递一个查询参数，并将其用作单击了哪张图片的引用。

例如，如果您有两张照片，每张照片都会重定向到 photomenu?photo=photo_id。您可以在加载新页面时使用 photo_id 值来了解点击了哪张图片。