Angular5:显示来自服务器的图像

时间:2018-12-10 19:41:38

标签: angular angular5

我有一个angular5应用程序,需要从服务器中获取图像并显示它。

Image.service.ts

 getImageData(messageId, contentType) {
    let url = this.apiUrl + `api/v1/media/${messageId}/thumbnail`;

    return this.http
      .get(url, this.options)
      .map((res: Response) => {
        return res.blob();
      })

    }

Image.component.ts

  createImageFromBlob(image: Blob) {
    let reader = new FileReader();
    reader.addEventListener("load", () => {
      this.fullImage = reader.result;
    }, false);
    if (image) {
      reader.readAsDataURL(image);
    }
  }

图像横向显示,方向错误。另外在控制台中,我看到localhost:4200 /空路径不存在。

0 个答案:

没有答案