在AngularJS中动态加载图像时获取403禁止

Question

我正在从我的api加载json数据，其中包含指向我网域之外的图片的网址。我过去是这样做的，而不是使用Angular，而且我从未见过此问题…

在我的小提琴中，当我单击“搜索”时，出现了两个图像，但是它们都抛出了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' }
            ];
        };
    }

Answer 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' }
            ];
        };
    }