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

我正在从api加载json数据，该api包含指向域外图像的URL。我以前做过，不是用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' }
        ];
    };
}

---

似乎imdb正在检查引用者，因此不允许其他方将其图像直接嵌入其网站。如果您尝试使用来自其他域的图像，它会起作用：

---

老兄，真糟糕。我想我必须使用Rottentomotos API：（免责声明：我不知道版权法等如何对这些图像起作用，所以你必须先检查一下。但是你可以手动拉下图像，或者让脚本下载它们并在你的域上托管。标题是错误的：这些海报是为星球大战设计的。是的，我看了。哈哈，是的，我很懒：）

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