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

基本上，这个应用程序应该包含一个视图中的对象集合，显示每个对象的代表性图像（即电影应该显示其海报）

谈到电影，我试图使用IMDB API来检索某个电影标题的元数据，包括它的海报。然而，一旦从API中获取了图片的URL，热链接就不允许我显示这些图片（我一直收到“GET[…]403 Forbidden”错误…）

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

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

---

谢谢。

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

---

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

谢谢您的建议。由于图像元素是使用AngularJS动态获取的，因此该转换应在何时进行？目前，使用javascript从外部API检索图像源，然后将其呈现为“ng src”属性。啊，我的建议是，如果使用适配器进行检索，效果会更好。适配器迫使您将应用程序部署到WebSphere application server。因为这不是我的情况，所以我正在寻找一种避免使用适配器的直接前端解决方案。如果我能够使用它们，我会用Java来做这件事。：-）MobileFirst应用程序通常部署到MobileFirst服务器，使您能够访问其大部分功能。如果您没有使用MobileFirst本身，这不是IBM MobileFirst问题。这只是一个碰巧使用MobileFirst开发的web应用程序，但在您的问题中，MobileFirst没有什么独特之处。