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

【问题标题】：save data in localStorage when document is unloaded卸载文档时将数据保存在 localStorage
【发布时间】：2020-05-09 09:17:26
【问题描述】：

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

【问题讨论】：

【解决方案1】：

下面是一个示例，介绍了如何将数据保存到 LocalStorage，但您可以阅读更多关于 LocalStorage 的用法here

// 存入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.

更新：如果这不起作用，请查看 this，它不会按照您的意愿使用 LocalStorage，但它可能会有所帮助。

【讨论】：