如何从存储在cookie中的图像路径加载图像

How do I load an image from an image path stored in a cookie?

本文关键字：图像 路径 加载 cookie 存储      更新时间：2023-09-26

在一个页面上，我将图像的路径存储在cookie中。在第二页，我使用如下代码:

<br /><b>Photo:</b> " + $.cookie("image");

它只在下一页显示完整的链接。它是图像的确切链接，这很好。但如何让它显示图像而不是路径呢?

显然这行不通:

<img src="$.cookie("image");

但是我很茫然。

添加id或类到图像标签，并使用jQuery更改图像src

HTML 

<img class="cookieImage" src="" ... >
jQuery 

$('.cookieImage').attr('src', $.cookie("image"));

您需要通过脚本创建内联HTML:

假设HTML的结构如下:

<br /><b>Photo:</b><div id="image_container"></div>

然后你可以使用下面的脚本来加载图像:

var imagePath = $.cookie("image");
$('#image_container').html('<img src="'+ imagePath +'" width=100 height=100/>');

或者您可以更改Image标签的Src属性。

<br /><b>Photo:</b><img id="image_container"></img>
$("#image_container").attr('src', imagePath);

JSFiddle

相关文章：