javascript - 带有图像的本地存储

标签 javascript html local-storage

我想在html5的localstorage中保存一个图像url,然后想在网页上设置该图像,并设置到另一个网页的链接(该链接地址也在localStorage中)但是我怎样才能这样做

更新1:没有base64是否可以?

最佳答案

是的,你做错了!

您需要使用 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="" / >

关于javascript - 带有图像的本地存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6859242/

相关文章:

javascript - 如何在Vue应用程序中更新图表js?

javascript - 仅通过悬停显示滚动条

html - 未在 Chrome 上为 Z 过渡执行动画

javascript - 如何创建 localStorage 方法

javascript - 父子弹窗之间的sessionStorage

javascript - 在 wicket 中刷新页面后重新聚焦输入字段

asp.net - 为什么这个标签不居中?

html - 当它旁边的 div float 时,div 的填充不起作用?

jquery - 为什么我的 LocalStorage 数据有时第一次不加载,但如果我刷新它总是加载?

javascript - php设置根目录的方法