javascript - 卸载文档时将数据保存在 localStorage

Question

我正在制作一个 chrome 扩展。用户可以将图像上传到扩展。保存我正在使用的图像的数据window.URL.createObjectURL()。问题是我想将有关图像的数据保存在 localStorage 中并再次使用它。但浏览器会在文档卸载时自动释放数据。即使文档已卸载，我如何使用数据？

Answer 1

下面是一个关于如何将数据保存到 LocalStorage 的示例，但您可以在此处阅读有关 LocalStorage 用法的更多 信息

// 存储到 LocalStorage

localStorage.setItem("lastname", "Smith");

// 从 LocalStorage 中获取信息

document.getElementById("result").innerHTML = localStorage.getItem("lastname");

// 最后，当你处理完数据时。赶紧跑

localStorage.clear();

所以来回答你：

var imageData = window.URL.createObjectURL(image)
localStorage.setItem(imageData) // You can put this in a variable an use it.

更新：如果这不起作用看看这个，它不会像你想要的那样使用 LocalStorage，但它可能会有所帮助。