Question

我在Angular客户端上使用WEBAPI（带有[Autorize]）。

我正在尝试使用从webapi发送的图像：

public HttpResponseMessage Document(string file)
{
string bestand = file.ToLower();
var path = @"C:\Temp\"+file;
HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
var stream = new FileStream(path, FileMode.Open, FileAccess.Read);
result.Content = new StreamContent(stream);
result.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("image/jpg");
result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
{
    FileName = file
};
return result;
}

成角度：

$scope.getFile = function (file) 
{
compassResource.get({ 'Method': "document", "Type": file }, 
    function (data) {// success
    console.log(data);
    var blob = new Blob([data]);
    blob.name = file;
    blob.lastModifiedDate = new Date();
    console.log(blob);
    return blob;

}, function (error, status) { // failure
    console.log('fout jpg');
    console.log(error);
    console.log(status);
});
$scope.image = $scope.getFile('test.jpg');

在HTML中：

   <img ng-src="{{image}}" alt="user image" />

我确实收到了DATA，但从那时起，我不知道如何进行操作。我已经尝试了几件事。我将ngResource与OidcManager和不记名令牌一起使用。但是即使使用$ http，我也可以接收数据（并且使用了令牌！），但是我应该如何处理数据以使图像可见。

谢谢

吨

如何使用ngResource从WebAPI获取图片以显示使用ng-src

0 个答案: