Как получить изображение из остальных API, используя HttpClient в угловых 4 - PullRequest
Новая
       27

Как получить изображение из остальных API, используя HttpClient в угловых 4

0 голосов
/ 15 мая 2018

У меня есть простая подсказка. У меня есть следующий сервис в угловых 4 приложения. 

  getProviderPhoto(id:string){
    return this.http.get(this.apiUrl+"/"+id+"/images", {responseType: "blob"});
  }

Мне нужно преобразовать этот ответ Blob в файл изображения, чтобы использовать следующий метод: 

 createImageFromBlob(image: Blob) {
    let reader = new FileReader();
    this.photo = new File([image],"foto.png",{ type: 'image/png' });
    reader.readAsDataURL(this.photo);
    reader.onload = (event: any) => {
      this.image=event.target.result;
      console.log(this.image);
    }
 }

console.log 

data:image/png;base64,ImlWQk9Sd.....

Чтобы использовать загруженное изображение, чтобы показать его в моем HTML: 

<div class="profile-image center" [ngStyle]="{ 'background-image': 'url(' + image + ')'}"></div>

С другой стороны, если я это сделаю, это прекрасно работает: 

this.image="http://localhost:8083/v1/providers/"+this.id+"/images";

Как получить тот же результат, но с помощью Angular HttpClient.Get?

...