如何在显示图像之前从URL缓存图像
How to cache an image from URL before displaying it
基本上,这个应用程序应该在视图中包含一组对象,显示每个对象的代表性图像(即电影应该显示海报)。
谈到电影,我试图使用IMDB API来检索某个电影标题的元数据,包括海报。然而,一旦从API获得图像的URL,热链接就不允许我显示图像(我一直收到"GET[…]403 Forbidden"错误…)
由于我使用JSONStore功能来缓存数据,我想知道是否有可能将这些图像存储在JSONStore中,然后像普通浏览器一样显示它们。我正在尝试使用AngularJS、HTML5和JavaScript从前端而不是后端完成所有这些事情。
你对这类问题有什么建议吗?
谢谢。
建议的解决方案:您需要做的是将图像编码为base64,这样您就可以将二进制图像作为字符串存储在JSONStore集合中。
当您需要显示它时,您需要将字符串以base64解码回图像,并将其显示在HTML 中
相关文章:
- 使用带括号的图像URL作为jQuery的背景
- 可以't使用PHP使用Froala编辑器上传图像URL
- 语义ui表单验证:图像url
- 使用javascript从HTML网页中提取图像url
- 检测图像URL是否已损坏JQUERY
- Imgur|检索给定相册链接的直接图像URL
- 使用现有代码更改基于浏览器宽度的图像url
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 从图像URL javascript html保存图像文件
- jQuery获取不带引号的背景图像URL
- 如何从Node中的图像url将图像上传到谷歌云存储
- Genearate Cloudinary图像url,而不使用libs
- 正在尝试在SVG标记中显示图像URL
- Angular 2-检查图像url是否有效或已损坏
- 将跨度内容(图像url)转换为图像(显示)
- 使用JavaScript正则表达式从html srcset获取图像url
- 如何在谷歌图像搜索api v2中获取图像url
- Parse.com-在JavaScript SDK中模板化集合时检索图像URL
- 在Symfony中,我如何在javascript中编写图像url
- 将背景图像URL与正则表达式匹配