Question

我的问题是我的网站有一个页面可以循环显示您上传的所有图片，并且我在a标记之外使用img标记创建了链接。

链接页面如何知道哪个图片是clicked，以便在该页面上显示image而无法将变量发送回服务器？

正如您在下面的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

我发布这个作为答案，因为我没有足够的声誉来发表评论。根据我的理解，你有一组图像都链接到同一页面'photomenu'。由于所有图像都显示在同一页面中，因此无法使用上一页（单击图像的图像）查看单击的图片，因为所有图片的图片都相同。您可以做的是在URL中传递一个查询参数，作为单击哪个图片的参考。

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

Answer 2

你只需稍微改变一下。只需在查询字符串中显示照片ID。

<a href="photomenu?id="+photo[i].photo.Id ><img src="<%= photo[i].photo.path %>" width="200" height="200"></img></a>

现在，链接页面将具有此代码

int PhotoID = Request.QueryString["id"];

现在您需要显示图像...

<img src = "imageSrc\"+PhotoID alt="Image"/>

for循环中的可点击图像

2 个答案: