How to Save Image to LocalStorage

[lenichols]

Finally got my pad working... its lovely. My question is... how do I get my signature image to set to localStorage? I'd like the base64 image or dataURI to store in local storage. My goal is to export the image into an html page which will be pdf'd. Any help with this would be great.

[szimek]

That should be pretty easy:

saveButton.addEventListener("click", function (event) {
  localStorage.setItem('signature', signaturePad.toDataURL());
});

// and later
img.src = localStorage.getItem('signature');

[lenichols]

Thanks... im getting img.src is not defined. how would i define it?

[szimek]

It was just an example. You need to create image element:

var img = document.createElement('img');
img.src = localStorage.getItem('signature');

// Add image to the page
document.body.appendChild(img);

[lenichols]

nevermind. i created a seperate variable for the image and it worked! thanks a million!

[szimek]

You're welcome!