以角度为单位查看blob响应

Question

我试图从请求中获取blob响应，然后从该blob生成URL并将此URL设置为图像的源。

但图像没有加载。

这是我的HTML：

<img src="{{previewSignsrc}}" alt="Sign Thumbnail">

这是我的.ts文件：

this.signModalDataService.getPreviewSignature({'name': this.SignatureName, 'font_type': 0});
    this.signModalDataService.previewSignature
      .subscribe((res) => {
        console.log(res);
        let blob = new Blob([res['_body']], {type: 'image/png'});
        this.previewSignsrc = URL.createObjectURL(blob);
        this.showPreviewSign = true;
      });

我使用相同的方法为url设置ng2-pdfviewer并且它工作正常。

Answer 1

您可以像这段代码一样显示图像

this.config.getData()
          .subscribe((blob : any) => {
            let objectURL = URL.createObjectURL(blob);       
            this.image = this.sanitizer.bypassSecurityTrustUrl(objectURL);

          });

如果您的数据是base64显示如下

 this.config.getData()
      .subscribe((baseImage : any) => {
        let objectURL = 'data:image/jpeg;base64,' + baseImage.image;
         this.thumbnail = this.sanitizer.bypassSecurityTrustUrl(objectURL);

      });

但是z zxswい