将dataURL图像保存到缓存中，无需往返服务器

Question

在我的web应用程序中，用户将图像从桌面拖到浏览器窗口中。然后，我使用FileReader的readAsDataURL在浏览器中显示图像，如我所述here。然后我可以将图像上传到服务器。浏览器中的JavaScript可以预先知道图像的新URL是什么。

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

对于如何消除不必要的带宽使用情况，您有什么建议吗？

Answer 1

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

据我所知，浏览器缓存很大程度上依赖于URL，所以我没有看到如何告诉浏览器使用本地数据而不是远程数据。

但是，你可以：

• 负载从磁盘直接成像（你有本地路径）。但是，你必须在代码中的本地路径
• 使用本地存储（见Saving and loading an image from localStorage）在本地保存的图像，并把它