我正在从我的api加载json数据,其中包含我域外图像的URL。我过去做过这个,而不是Angular,我从未见过这个问题......
在我的fiddle点击“搜索”时,会出现两个图像,但它们都禁止使用403并且不加载。
我无法弄清楚为什么会这样。有什么想法吗?
var app = angular.module('app', []);
function HomeController($scope) {
$scope.search = function() {
$scope.movies = [
{ Title: 'The Matrix', Poster: 'http://ia.media-imdb.com/images/M/MV5BMTU4NTczODkwM15BMl5BanBnXkFtZTcwMzEyMTIyMw@@._V1._SY317_.jpg' },
{ Title: 'The Matrix Reloaded', Poster: 'http://ia.media-imdb.com/images/M/MV5BMTg1NTkxOTk0MV5BMl5BanBnXkFtZTYwODc4MTc4._V1._SY317_.jpg' }
];
};
}
答案 0 :(得分:1)
似乎imdb正在检查引用者,因此其他方不允许将其图像直接嵌入其网站。如果您尝试使用其他域中的图片,则可以使用:http://jsfiddle.net/PZJKZ/2/
var app = angular.module('app', []);
function HomeController($scope) {
$scope.search = function() {
$scope.movies = [
{ Title: 'The Matrix', Poster: 'http://dartr.com/wp-content/uploads/2011/10/javascript-logo.png' },
{ Title: 'The Matrix Reloaded', Poster: 'http://wpmu.org/wp-content/uploads/2010/04/jquery-logo1.png' }
];
};
}