javascript - 是否可以从上一页获取图像 src 并将其显示在新页面中？

Question

有没有办法将在前一页上单击的图像显示到新页面？例如，如果我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 步。这就是我在第 3 步中所拥有的

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

编辑尝试执行 $_SESSION 方法

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

Answer 1

step2 链接到第 3 步，其中 imgsrc 在查询字符串中。

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

step3 将获取数据中继到 html 元素中

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

Answer 2

将您的图像 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，并且想在多个地方使用它，请使用该$_SESSION方法，否则只需使用该$_GET方法，请明智地选择...

Answer 3

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

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

在下一页上可以找到图片

$_GET['image']