浏览器回退localstorage存储图片失效问题

Question

问题描述

我向后端请求数据，后端返回的数据是一个图片文件流，于是我经过转换后将图片存储在localstorage中，这里都没有问题。但是浏览器回退之后会出现一个现象，那就是图片将会失效，我尝试着直接访问，也没有效果。我想知道原因是什么？以及怎么解决这个问题？

//    拿到图片后进行的转换和存储,假设图片是imagelet urlCreator = window.URL || window.webkitURL;let imageUrl = urlCreator.createObjectURL(image);window.localStorage["background"] = imageUrl;//    取出图片window.localStorage["background"]

localStorage存储的:

Answer 1

回退之后, 你看下 localstorage 中是否还存在这个数据;只要网页的 host 没变, 理论上说 localstorage 是不会丢的; 你可以排查下

Answer 2

localstorage 的保存写法应该如下: localStorage.setItem("key", "value");