角度設置圖像加載標題

Question

我必須在每個請求的HTTP標題中設置一個特殊的值來向服務器進行身份驗證。

我有以下代碼：

<img ng-if="content.image" src="{{img(content.image)}}"> 

和

var app = angular.module('myApp', []); 
app.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.defaults.headers.common['Authorization'] = 'myKey'; 
}]) 
app.controller('customersCtrl', function($scope, $http) { 
    $http.get("http://localhost:8080/myPath") .then(function(response) { 
     $scope.content = response.data; 
    }); 

的JSON請求一切工作正常，但我與圖像蔣張關係。 你有什麼提示嗎？

Answer 1

我

// Image returned should be an ArrayBuffer. 
var xhr = new XMLHttpRequest(); 

    //set Authorization Header 
    xhr.setRequestHeader("Authorization", 'myKey'); 
xhr.open("GET", "https://placekitten.com/500/200", true); 

// Ask for the result as an ArrayBuffer. 
xhr.responseType = "arraybuffer"; 

xhr.onload = function(e) { 
    // Obtain a blob: URL for the image data. 
    var arrayBufferView = new Uint8Array(this.response); 
    var blob = new Blob([ arrayBufferView ], { type: "image/jpeg" }); 
    var urlCreator = window.URL || window.webkitURL; 
    var imageUrl = urlCreator.createObjectURL(blob); 
    var img = document.querySelector("#photo"); 
    img.src = imageUrl; 
}; 

xhr.send();