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

Question

在一个页面上，我将路径存储在cookie中的图像中。在第二页，我使用以下内容：

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

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

显然这不起作用：

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

但我不知所措。

Answer 1

您需要通过脚本创建内联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

Answer 2

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

HTML

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

的jQuery

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