如何将xhr请求转换为角度$ http请求？

Question

我正试图通过ajax通过下面的代码加载图像，它已经在工作。我试图将它转换为角度$http，它不起作用。

平原Ajax代码

var xhr = new XMLHttpRequest(); 
xhr.open('GET', attr.imageUrl, true); 
xhr.responseType = 'blob'; 
xhr.onload = function(e) { 
    element[0].src = window.URL.createObjectURL(this.response); 
}; 

xhr.send(); 

角码

$http.get(attr.imageUrl, {}, { 
    responseType: 'arraybuffer' 
}) 
.success(function(response) { 
    var file = new Blob([response]); 
    element[0].src = URL.createObjectURL(file); 
}); 

Answer 1

我觉得应该是：

$http.get({ url: attr.imageUrl, responseType: 'arraybuffer'}) 
.success(function(response) { 
    var file = new Blob([response]); 
    element[0].src = URL.createObjectURL(file); 
}); 

或者：

$http.get(attr.imageUrl, {responseType: 'arraybuffer'}) 
.success(function(response) { 
    var file = new Blob([response]); 
    element[0].src = URL.createObjectURL(file); 
}); 

Answer 2

试试这个：

$http.get(attr.imageUrl, {responseType: 'arraybuffer'}) 
    .then(function(response) { 
    var file = new Blob([response]); 
    element[0].src = URL.createObjectURL(file); 
    }); 

Answer 3

尝试这个 -

$http.get(attr.imageUrl, {responseType: 'arraybuffer'}) 
    .then(function(response) { 
    var file = new Blob([response.data], { 
        type: 'application/octet-binary' 
       }); 
    element[0].src = URL.createObjectURL(file); 
    });