无法从OMDBAPI显示图像
无法从OMDBAPI显示图像
提问于 2014-12-16 13:33:43
我正在学习AngularJS。在我的应用程序中，我想展示来自http://www.omdbapi.com的电影海报。
<div ng-app="moviesBrowserApp">
<div ng-controller="moviesCtrl">
<strong>{{movie.Title}}</strong>
<div><img alt="{{movie.Title}}" ng-src="movie.Poster" /></div>
</div>
</div>Javascript
var moviesApp = angular.module('moviesBrowserApp', []);
moviesApp.controller('moviesCtrl', function ($scope, $http) {
$http.get('http://www.omdbapi.com/?i=tt0112462&plot=short&r=json').success(function (data) {
$scope.movie = data;
});
});问题是图像无法使用json结果的url显示。当我检查流量时，我看到每个图像的403状态，但是如果这些图像是通过浏览器直接查看的，那么它们在页面重新加载后就会正常显示。似乎它只能从浏览器的缓存中检索图像。这是来自omdbapi.com的权限限制还是什么？有办法解决这个问题吗？
回答 3
Stack Overflow用户
发布于 2014-12-16 14:06:10
假设movie.Poster在返回时有一个有效的映像url --使用吴世康
<img alt="{{movie.Title}}" ng-src="movie.Poster" />Stack Overflow用户
发布于 2014-12-16 14:42:08
如果您的JSON对象如下所示：
{
"Title": "Your Title",
"Poster": "http://www.omdbapi.com/src/poster.jpg"
}您必须像这样在HTML中绑定：
<img ng-src="{{movie.Poster}}" alt="{{movie.Title}}">一个非常好的帖子，我读过这里，我有问题，打破图像网址，这篇文章帮助了我。希望它也能对你有帮助。
Stack Overflow用户
发布于 2015-02-10 02:34:57
我离开这个项目一段时间，然后我回来玩它，它的工作，如预期现在。omdbapi.com已经启用了权限，所以我再也得不到403了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27505873
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号