Localstorage与图像

Question

我想在html5的localstorage中保存一个图片网址，然后想在网页上设置该图片，并设置指向另一个网页的链接（该链接也在localStorage中）但是我怎么能那样做

Update1：​​没有base64可以吗？

Answer 1

是的，你做错了！

你需要使用base64中的图像：

<script>
var hero;

if (localStorage.getItem('heroImg')) {
    hero = localStorage.getItem('heroImg');
}
else {
    hero = '/9j/4AAQSkZJRgABAgAAZABkAAD/7    /.../    6p+3dIR//9k=';
    localStorage.setItem('heroImg', hero);
}

document.getElementById("hero-graphic").src = 'data:image/png;base64,' + hero; < /script>

</script>

相应的HTML Image元素：

<img id="hero-graphic" alt="Blog Hero Image" src="" / >

Answer 2

我相信，现在，在localStorage中存储二进制数据的唯一可靠方法是保留base64编码的字符串。但是你应该记住localStorage是有限的，图像可能很重（而base64使它们更重）。

我猜您正在尝试缓存图片。在几乎所有情况下，只需设置正确的http标头，让浏览器为您完成所有繁琐而繁琐的工作会更好。相信我，它会更好。