如何在Angular 2的本地存储中存储“文件”类型数据

Question

我正在开发 Angular 2 应用程序，并且我有 2 个兄弟组件（不是父子组件）。而且我必须将数据从一个组件传递到另一个组件。但如果是“文件”类型的数据。当我试图将这些数据存储在本地存储中时，它存储的是空对象。

我通过解析器将此数据发送到第二个组件，如果第二个组件第一次加载，那么我从 route.data 中提取数据。但主要问题是我希望第二个组件中的数据在浏览器刷新后保持不变。

如何在第二个组件中保存文件类型数据以再次调用 API ???

Answer 1

使用 IndexDB 存储文件。本地存储只接受字符串

参考此链接：https://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/

Angular 在 lib.dom.ts 中内置了 IndexDB Typings。

还有一个通用模块可用：localforage。 https://www.npmjs.com/package/localforage