如何在显示图像之前从URL缓存图像

How to cache an image from URL before displaying it

本文关键字:图像 URL 缓存 显示 显示图      更新时间:2023-09-26

基本上,这个应用程序应该在视图中包含一组对象,显示每个对象的代表性图像(即电影应该显示海报)。

谈到电影,我试图使用IMDB API来检索某个电影标题的元数据,包括海报。然而,一旦从API获得图像的URL,热链接就不允许我显示图像(我一直收到"GET[…]403 Forbidden"错误…)

由于我使用JSONStore功能来缓存数据,我想知道是否有可能将这些图像存储在JSONStore中,然后像普通浏览器一样显示它们。我正在尝试使用AngularJS、HTML5和JavaScript从前端而不是后端完成所有这些事情。

你对这类问题有什么建议吗?

谢谢。

建议的解决方案:您需要做的是将图像编码为base64,这样您就可以将二进制图像作为字符串存储在JSONStore集合中。

当您需要显示它时,您需要将字符串以base64解码回图像,并将其显示在HTML 中