Question

this my component.ts code

this.allMeta.getProfilePictureUsingMediaId({
           "SessionID": "dswesfgdgfdgf12463",
           "MACAddress":"1235874"
           "MediaID":this.userProfilePicture
         }).subscribe(
           data => {
             console.log(data);
             this.profilepic=data
             }
             );
             
  below is my service code,
  getProfilePictureUsingMediaId(pjson){
    return this.http.post(this.profile + 'getProfilePictureUsingMediaId', pjson)
    .map((data: any) => data.json());
  }

<div style="height:240px" class="row">
                <img id="ItemPreview" [src]="'data:image/jpg;base64,'+profilepic" />
            </div>

下面显示我从服务器获取的数据，如何使其在Web应用程序中显示为同一图像，因为调用服务中的服务器后，我得到了数据值未确定的信息。

����JFIF��C
#%$""!&+7/&)4)!"0A149;>>>%.DIC
<H7=>;��C

;("(;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;��"����=!1A"Qaq2B��#R�$���3b�Sr�����C����%!1AQ"a2���?B�vϚ���8���\J3��y�A�l9fv��k�<�H�R�{\n��&���T��q�k���h$Yau;�����p���x�������nN�q��RWcp����h�~f}�8#�$�&���$Tn;�6Is�X�"@C��n-ߦϳ��k8�c��)�V���b�Y�\p��Vҍ�fp�'I��S�.4%�Xx����9�S+F������|2D�F՗�d%�F��UlS��NkEL�VP
�0k�Lr�RRA'�]���禣`���DX��,Hc[�)nO�����i��Ow�sC��";9����-�é2�

抱歉，我不知道如何发送此数据，因此我正在使用html向您显示此图片，但它也不是完整的数据。

Answer 1

使用 <img id="ItemPreview" [src]="imageVariable" />。在您的html中

并像这样在ts文件中使用imageVariable

imageVariable="`data:image/png;base64,"+ yourBytestream

这是一个可行的解决方案：

stackblitz

如何获取角度为6的图像输入流

1 个答案: