Как использовать ngResource для получения изображения из WebAPI для показа Использование ng-src - PullRequest
Новая
       25

Как использовать ngResource для получения изображения из WebAPI для показа Использование ng-src

0 голосов
/ 02 октября 2018

Я использую WEBAPI (с [Autorize]) с клиентом Angular.

Я пытаюсь использовать изображение, отправленное из 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" />

Я получаю ДАННЫЕ, но с этого момента я понятия не имею, какпродолжить.Я пробовал несколько вещей.Я использую ngResource с OidcManager и токеном на предъявителя.Но даже с $ http я получаю данные (и токен используется !!), но что мне делать с данными, чтобы изображение было видимым.

Спасибо

Тон

...