CODEWITHSUNDEEP
javascriptjquerycookies
BlueRiver89
BlueRiver89

Reputation: 77

How do I store and then retrieve a link to an image in a cookie?

I would like to be able to show a user a picture from one form page to the next. The picture will be dynamic based on what he or she is doing. So, I need to store the path link to that image in a cookie and then load that image on the next page.

How do I do that?

Upvotes: 0

Views: 1412

Answers (3)

vasa
vasa

Reputation: 787

Check the plugin: https://github.com/carhartl/jquery-cookie

and then do:

$.cookie("img", img_url);

[OR]

You can set and get cookie using these functions: (From 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;
}

Upvotes: 2

Jeff
Jeff

Reputation: 12173

Here's a very simple 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);

I suggest using the jQuery.cookie plugin mentioned in the other answers though, no need to make it any harder than it already is.

Here is the regular expression explained: http://regex101.com/r/qH6rB5/1 - it shows how the actual value you are interested in, is captured.

Upvotes: 0

Ravi Dasari
Ravi Dasari

Reputation: 463

Use document.cookie to set and get the image URLs.

check this cite for details: w3Schools

It shows that you didn't do much research on this simple thing.

Upvotes: 0

Related Questions