image - using img templats with ngSrc sends text/html instead of image/gif when data array is loaded via $http

Question

I have a template like this:

<img class="picto" 
    ng-repeat="module in modules" 
    ng-src="{{module.Source}}" 
    title="{{module.Title}}" 
    ng-click="module.handler();"/>

When I set the $scope.modules array using static code, everything works fine, and the images are fetched via GET using media type "image/gif" (for gif files). However, when I retrieve the same array using $http.get() - see the code below -, angular tries to retrieve the images using media type "text/html" which results in an 404 error:

$http.get('/api/modules', {})
    .success(function (data) {
        $http.defaults.get = { 'Content-Type': 'image/gif' }; // apparently useless
        $scope.modules = data;
        for (var module in $scope.modules) {
            $scope.modules[module].handler = function () { alert(this.Id); };
        }
        delete $http.defaults.get; // ...useless 
    });

Trying to add a header default did not help either (// apparently useless). Can you see what's wrong?

Answer 1

尝试使用Accept: 'image/gif'而不是Content-Type: 'image/gif'.

标Content-Type头描述了您发送到服务器的数据格式。标Accept头描述了您从服务器响应中接受的数据格式。