Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在cookie中存储并检索指向图像的链接?_Javascript_Jquery_Cookies - Fatal编程技术网

Javascript 如何在cookie中存储并检索指向图像的链接?

Javascript 如何在cookie中存储并检索指向图像的链接?,javascript,jquery,cookies,Javascript,Jquery,Cookies,我希望能够向用户显示从一个表单页面到下一个表单页面的图片。根据他或她正在做的事情,图片将是动态的。因此,我需要将指向该图像的路径链接存储在cookie中,然后将该图像加载到下一页 如何操作?使用document.cookie设置和获取图像URL 查看此引用以了解详细信息: 这表明你没有对这个简单的东西做太多的研究。检查插件: 然后做: $.cookie("img", img_url); [或] 您可以使用以下函数设置和获取cookie:(从) 函数createCookie(名称、值、天数){

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


如何操作?

使用document.cookie设置和获取图像URL

查看此引用以了解详细信息:

这表明你没有对这个简单的东西做太多的研究。

检查插件:

然后做:

$.cookie("img", img_url);
[或]

您可以使用以下函数设置和获取cookie:(从)

函数createCookie(名称、值、天数){
var到期;
如果(天){
变量日期=新日期();
date.setTime(date.getTime()+(天*24*60*60*1000));
expires=“;expires=“+date.togmString();
}否则{
expires=“”;
}
document.cookie=escape(名称)+“=”+escape(值)+expires+“路径=/”;
}
函数readCookie(名称){
var nameEQ=escape(name)+“=”;
var ca=document.cookie.split(“;”);
对于(变量i=0;i
下面是一个非常简单的JSFIDLE:

不过,我建议使用其他答案中提到的jQuery.cookie插件,无需再增加难度


下面是解释的正则表达式:-它显示了如何捕获您感兴趣的实际值。

事实上,我是这样做的。我已经看到了你给我的链接,它对这个问题没有帮助。幸运的是,其他人给了我一个非常有用的答案。我感谢你的回答,你的和vasa都帮了我做了我需要的事情。我得到了cookie,将整个图像链接存储在cookie中,在下一页它会完整地显示图像链接。如何让它显示图像而不是图像链接?您必须添加
元素,并将其源设置为cookie的值。但这超出了此问题的范围。:)我使用cookie将整个图像链接存储在cookie中,在下一页上,它会完整显示图像链接。如何使其显示图像而不是图像链接?是否将url环绕在img源属性周围?图像是通过一个更改函数找到的,该函数根据所选内容查找特定的图像url。所以,我不能从起始页开始包装img源代码。我可以将图像源包装在第二页中,并将cookie放入图像源中吗?
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;
}
// 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);