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

时间:2015-06-23 10:29:17

标签: javascript angularjs html5 caching

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

谈到电影,我正在尝试使用IMDB API来检索某个电影标题的元数据,包括其海报。但是,一旦从API获取了URL,我就不会让热链接显示图像(我不断获得" GET [...] 403 Forbidden"错误...)。

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

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

谢谢。

1 个答案:

答案 0 :(得分:0)

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

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