在上传到服务器之前，先在客户端上暂时上传图像文件

Question

我正在从事与Wix类似的项目。 用户可以在此处创建新页面，然后向这些页面添加不同的元素。 在第一阶段，我们正在研究4个元素。

• 文本
• 链接
• 面板
• 图片

用户对这些元素所做的所有更改（如果可用）都存储在HTML5存储中（否则我们将使用Cookie）。 这些更改仅在用户单击“保存”按钮后才更新为db。

现在，我想向用户提供它所做的更改的实时更新。 因此，当用户提供图像路径（本地目录/ URL）时，我想在查看器的<img>标记中向他显示​​该图像。 但是我还不想将文件上传到服务器。 有什么方法可以将文件上传到HTML5存储中并用于显示图像？ 我的同事建议我在用户系统上创建一个临时目录，并将文件保存在该目录中。 我要避免这种情况，因为如果用户不正确地退出了项目，我将无法删除我的临时文件夹。 因此，任何建议或教程都很好。

问候：Jehanzeb Malik