Javascript 处理来自API(API)的图像

Javascript 处理来自API(API)的图像,javascript,image,reactjs,api,blob,Javascript,Image,Reactjs,Api,Blob,我有一个问题(可能是问题)。当我试图从端点获取图像时,我正在从事这个项目。端点响应具有正确的图像(但为二进制),我会将此blob转换为base64并在 请求由以下代码驱动(非常简单): get:fileId=>{ 返回http.get(`/files/${fileId}`); }, 这是我们包装授权令牌的方法 答复如下: {持续时间:497,问题:null,确定:true,状态:200,头:{…},…} 配置 : {适配器:ƒ,transformRequest:{…},transformR

我有一个问题(可能是问题)。当我试图从端点获取图像时,我正在从事这个项目。端点响应具有正确的图像(但为二进制),我会将此blob转换为base64并在 请求由以下代码驱动(非常简单):


get:fileId=>{
返回http.get(`/files/${fileId}`);
},

这是我们包装授权令牌的方法

答复如下:


{持续时间:497,问题:null,确定:true,状态:200,头:{…},…}
配置
:
{适配器:ƒ,transformRequest:{…},transformResponse:{…},超时:0,xsrfCookieName:“XSRF-TOKEN”,…}
数据
:
"����↵�ExifMM*bj(1英寸r2��我���'�' Adobe Photoshop CC 2017(Windows)2017:08:22 14:02:20����'�b“*(2)�嗯����土坯�� Adobed����         ↵


��UG“����?   ↵ ↵  3!1AQa “q�2.���B#$R�b34r��C%�s���cs5���&D�TdE英镑t6�U�E���U��F'���������������Vfv��������7GWgw��������5!1AQaq“ 2����B#�R��3亿美元�R��CScs4�%���&5.��D�T�氘����U��F���������������Vfv��������'7GWgw�������?����U�=ͪ������总氮�?8��9`�B��GI'���西南
��.�����O��R����U���>�Un1�↵�C��G�����\L3�|Q���;]�+{l#������R���P�^��}v��+{,n��K����v����s�安永����K�加州大学�ı�m}_�U6?���G�����붃�1.������佤邦�=՗����⟤U�Ա����0�N�0��.��?胃肠道��K�Y]�我↵������Vg�v�ʙE�v��~��k\���X�����五#�����`��K��U�2.��γ��x
我{���:ϥ���'Vō���佐���?�G�ܻO���U�A.��.?�>�v�[D]@�用户体验��o�U����T��9�基辅�� �9�����T��������U��en  v����C��R� ���A.�Wz�\5.�vа%�}%��C��@8.��M���}P��5.�?����n=ud�ZC�ִLn�$��{��杰特�8?� 6c��E��N����W��$ے牛�����O�C��~F~3�k[cŌkZ�}��ӷ�

�^���>�[�#D��我�(�Q��� ���� �����kƽ� 我知道这是一个老问题,也许你已经解决了这个问题,但我有一个类似的问题,刚刚发现

对我来说,解决方案是在apisoup.create方法中指定responseType

api = apisauce.create({
    baseURL,
    responseType: 'arraybuffer',
    timeout: 45000
  })
对于二进制数据,arraybuffer或blob应该可以。然后您可以将数据转换为base64