在客户端计算机上存储文件的最佳方式答案

【问题标题】：Best way to store file on client machine在客户端计算机上存储文件的最佳方式
【发布时间】：2020-12-03 02:04:08
【问题描述】：

我目前正在使用 Angular（正面）和 .NET Core（背面）构建一个网站。该网站的目的是在远程屏幕上显示媒体。这些屏幕打开了我的网站，并且已经能够获取媒体，但我不知道如何将它们正确存储在客户端上（因为如果屏幕失去连接，媒体就不会消失）。我已经尝试过使用本地存储，但它的大小限制非常低。然后我想知道：有没有办法通过网页正确地做到这一点，还是为具有管理员权限的屏幕制作一个应用程序会更好？

提前致谢，

【问题讨论】：

标签： angular .net-core local-storage

【解决方案1】：

我建议您与 Service Worker 一起使用 IndexedDb 或 Web Storage API (Client side storages。最近，我发现 Service Worker 使用缓存存储来存储静态文件，例如图像、字体等。，以及外部 API 数据等动态资源。您可以找到 PWA 文档here 了解如何配置服务工作线程。

DataGroup 部分中的cacheConfig 是我们可以为外部资源设置缓存配置的地方：

export interface DataGroup {
  name: string;
  urls: string[];
  version?: number;
  cacheConfig: { // <= here
    maxSize: number;
    maxAge: string;
    timeout?: string;
    strategy?: 'freshness' | 'performance';
  };
  cacheQueryOptions?: {
    ignoreSearch?: boolean;
  };
}

【讨论】：

【解决方案2】：

我建议看看 IndexedDb 用于存储大型对象。支持大部分浏览器https://caniuse.com/#feat=indexeddb

这里还有一个很好的帖子localStorage store large size data

【讨论】：

谢谢，我会调查的