我正在做一个类似于 Wix 的项目。在这里，用户可以创建新页面，然后向这些页面添加不同的元素。在第一阶段，我们正在研究 4 个元素。
- 文本
- 关联
- 面板
- 图片
如果可用，用户对这些元素所做的所有更改都存储在 HTML5 存储中（否则我们使用 cookie）。这些更改仅在用户单击“保存”按钮后才更新到 db。
现在，我想向用户提供有关它所做更改的查看器的实时更新。因此，当用户提供图像路径（本地目录/Url）时，我想在查看器的<img>标签中向他展示该图像。但我还不想将文件上传到服务器。有什么方法可以将文件上传到 HTML5 存储中并使用它来显示图像？我的同事建议我在用户系统上创建一个临时目录并将文件保存在那里。我想避免这种情况，因为如果用户不正确地退出项目，我将无法删除我的临时文件夹。所以任何建议或教程都会很好。
问候： 杰汉则布·马利克