Javascript 是否可以从上一页获取图像src并在新页中显示？

有没有办法将在上一页单击的图像显示到新页？ 例如，如果我有step-2.php，让用户选择一个图像，当单击它时，它会转到step-3.php并在那里显示它。 我希望我能解释清楚。请帮忙，谢谢

这是步骤2中的代码

<a href="../business_cards/step-3.php">
<img src="../img/5.jpg" alt="Image1">
</a>

如果可能的话，我希望通过点击将img src发送到步骤3。 这就是我在第三步中所做的

<img src="../img/5.jpg" alt="imageCanvas">

编辑尝试执行$\u会话方法

<?php
  session_start();
  $_SESSION["imageid"] = "image url";
?>
<a href="step-3.php?imageid=../img/5.jpg">
<img src="../img/5.jpg" alt="Image1">
</a>

---

最简单的方法是在href中向链接添加一个_get变量，如

href="code.php?image=<?php echo $image_src?>"

---

步骤2链接到步骤3，imgsrc位于查询字符串中

// encode the query string first
<a href="../business_cards/step-3.php?imgsrc=<?=urlencode('../img/5.jpg')?>">

步骤3将get数据中继到html元素中

// query string is automatically decoded with GET or POST methods 
<img src="<?=$_GET['imgsrc']?>" alt="imageCanvas">

---

将图像URL存储在如下会话中，以获得干净的URL：

session_start(); // At the top of your header file
$_SESSION["imageid"] = "image url";

// Next page:
$imageurl = $_SESSION["imageid"]; // This in the next page
echo "<img src='$imageurl' />";

或者使用如下查询字符串传递：

Header("Location: https://www.website.com/page.php?imageid=imageurl");
// Or
<a href="https://www.website.com/page.php?imageid=imageurl">Next page</a>

// Next page:
$imageurl = $_GET["imageid"]; // This in the next page
echo "<img src='$imageurl' />";

---

如果您想要一个干净的URL，并且希望在多个地方使用它，请使用$\u SESSION方法，否则只需使用$\u GET方法，明智地选择…

仅当您可以访问其他页面并将图像作为参数传递时，可以在单击图像时使用js设置cookie，然后在下一页中检查cookie我会在单独的js文件中这样做吗？或者我可以在step-2.php中完成吗？但是我如何添加图像的src呢？嗯，我的php不是很好，这就是为什么我问你是否介意。@AndresRivera我的解决方案为你做了这件事。你可以将它分配给$image\u src变量。我做了，但图像没有出现在步骤3中。phpcan无法使这件事起作用。它确实将我发送到step-3.php，但它没有在那里显示图像。在step-3.php的html代码中，您是否将img更改为alt=imageCanvas>step-3.php的完整urlhttp://localhost/fyiprints.com/business_cards/step-3.php?imgsrc=..%2Fimg%2F5.jpgIt 做同样的事情只是url改变。也许我做错了什么。要使get方法发挥作用，我必须将代码包装成一个表单吗？因此这在localhost中是不可能做到的？我不知道我是否做错了，但我得到的结果与其他答案相同。我更新了我的问题，以了解我是如何使用你的代码的。不管怎样，现在它可以工作了。我在代码中的错误是没有将imageurl部分更改为实际的图像url。谢谢我不知道如何使用$\u SESSION方法，你能帮我吗？@AndresRivera如果它能工作，那么你就不必对sessions做任何事情

Header("Location: https://www.website.com/page.php?imageid=imageurl");
// Or
<a href="https://www.website.com/page.php?imageid=imageurl">Next page</a>

// Next page:
$imageurl = $_GET["imageid"]; // This in the next page
echo "<img src='$imageurl' />";