Javascript 将dataURL映像保存到缓存，而无需往返到服务器

在我的web应用程序中，用户将图像从桌面拖到浏览器窗口。然后，我使用FileReader的

readAsDataURL

在浏览器中显示图像，如我所述。然后我可以将图像上传到服务器。浏览器中的JavaScript可以提前知道图像的新URL是什么

有没有办法告诉浏览器：“这是您要从这个URL下载的数据，但是不需要下载，因为它已经在这里可用了。只需使用这个。”？我的目标是将图像放入浏览器的缓存中，以便使用真实的URL（而不是dataURL）显示图像。这意味着当这些图像（暂时）不再显示时，浏览器可以负责从内存中卸载这些图像

---

关于如何减少不必要的带宽使用，您有什么建议吗？

如果我错了，请纠正我，但我知道您希望浏览器使用桌面上的数据显示图像，而不是上载图像的服务器上的数据

据我所知，浏览器缓存在很大程度上依赖于URL，因此我不知道如何告诉浏览器使用本地数据而不是远程数据

但是，您可以：

• 直接从磁盘加载映像（您有本地路径）。但是，代码中有本地路径
• 使用本地存储（请参阅）在本地保存图像并获取它