Javascript 将文件和文件夹信息保存到本地存储

在我的web应用程序中，用户可以从其计算机上的文件夹导入其图像。这很有效。现在我想将这些信息保存到localStorage，这样当用户在将来的会话中继续使用应用程序时，他们就不必再次导入自己的图像。这可能吗？如果是这样，我可以只存储文件夹名还是必须存储文件夹名和所有文件名？

一种选择是将本地路径存储在本地存储中，并在下一个会话中加载它们。如果要自动加载文件夹中的所有文件，则需要存储每个文件，或者只存储文件夹路径。如果在下一个会话之前移动/删除文件，则此操作将失败

---

另一种方法是将图像转换为base64字符串，并存储该字符串。如果文件被移动/删除，这仍然有效，但会消耗更多的存储空间（请记住，有一个~10MB的上限）。

问题是将实际文件保存到本地存储。我的问题是关于将路径和文件名信息保存到本地存储。如果将路径保存在本地存储中，如何取回图像？我认为浏览器无法访问文件系统如果我只存储文件夹路径，我可以在后续会话中检索所有文件名，而无需某些用户操作允许吗？嗯，不-浏览器无权在目录中列出文件（可能被恶意使用）。所以你应该保存所有的路径