将DataUrl映像保存到缓存,而无需往返服务器



在我的Web应用程序中,用户将图像从桌面拖到浏览器窗口上。然后,我使用FileReader的readAsDataURL在浏览器中显示图像,如我在此处所述。然后,我可以将图像上传到服务器。浏览器中的JavaScript可以提前知道该图像的新URL。

是否可以告诉浏览器:"这是您将从此URL下载的数据,但是无需下载它,因为它已经可以在这里可用。>?我的目的是将图像放入浏览器的缓存中,以便使用真实URL(而不是DataUrl)将显示图像。这意味着浏览器(暂时)不再显示时从内存中卸载此类图像的责任。

您是否有有关如何切除不必要的带宽使用情况的建议?

如果我错了,请纠正我,但我知道您希望浏览器使用桌面中的数据显示图像,而不是从上传的服务器上显示。/p>

据我所知,浏览器缓存非常依赖于URL,因此我看不到如何告诉浏览器使用本地数据而不是远程数据。

但是,您可以:

  • 直接从磁盘加载图像(您具有本地路径)。但是,您有代码中的本地路径
  • 使用本地存储(请参阅从LocalStorage中保存和加载图像)在本地保存图像并获取

相关内容

  • 没有找到相关文章

最新更新