Question

我希望能够向用户显示从一个表单页面到下一个表单页面的图片。根据他或她正在做的事情，图片将是动态的。因此，我需要在cookie中存储该图像的路径链接，然后在下一页上加载该图像。

我该怎么做？

Answer 1

检查插件：https://github.com/carhartl/jquery-cookie

然后执行：

$.cookie("img", img_url);

[OR]

您可以使用以下功能设置和获取Cookie :(来自Quirksmode）

function createCookie(name, value, days) {
    var expires;

    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    } else {
        expires = "";
    }
    document.cookie = escape(name) + "=" + escape(value) + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = escape(name) + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return unescape(c.substring(nameEQ.length, c.length));
    }
    return null;
}

Answer 2

使用document.cookie设置和获取图片网址。

查看此引号以获取详细信息：w3Schools

它表明你没有对这个简单的事情做过多的研究。

Answer 3

这是一个非常简单的JSFiddle：fiddle

// Assign the cookie
document.cookie = "imgpath=/your/image.png";
alert(document.cookie);

// Use a regular expression to get the path from the entire cookie string. Sanitizations are left up to you.
var imgPath = /imgpath=([^;]+)/i.exec(document.cookie)[1];
alert(imgPath);

我建议使用其他答案中提到的jQuery.cookie插件，不需要比现有的更难。

以下是解释的正则表达式：http://regex101.com/r/qH6rB5/1 - 它显示了您感兴趣的实际值是如何被捕获的。

如何存储然后检索cookie中图像的链接？

3 个答案: