如何使用NestJs从外部API返回简单图像?

4

我一直在使用这个新的框架编码,感觉非常有趣,但是我遇到了麻烦,现在卡住了,所以我来这里寻求帮助 :)

我的问题在其他框架或语言中可能很常见。我需要从外部API获取图像,例如,我正在调用以下URL:

https://s2.coinmarketcap.com/static/img/coins/32x32/1.png

但是有一个小问题,在我的最终应用程序中,我不知道我要查找的图像的ID是什么,看到上面url的结尾有一个数字+“ .png”,这个数字是加密货币的ID,在这种情况下。因此,如果我只知道加密货币的名称想要获取此标志/图像,则必须查询另一个URL并搜索其ID,好吧,这不是问题,实际上我已经轻松实现了:

public getImageByName(name: string): Observable<any> {
    return this.fetchCMCFullData()
      .pipe(
        map(entry => {
          return Object.keys(entry)
            .map(entradaKey => {
              return entry[entradaKey];
            })
            .find(valorMapeado => valorMapeado.slug == name);
        }),
      )
      .pipe(
        mergeMap(resultado =>
          this.httpService
            .get(
              'https://s2.coinmarketcap.com/static/img/coins/32x32/' +
                resultado.id +
                '.png',
              {
                headers: {
                  'Content-Type': 'image/png',
                },
              },
            )
            .pipe(map(response => response.data)),
        ),
      );
  }

您可能已经了解,“fetchCMCFullData”向我返回了获取加密货币ID所需的数据,然后我查询其图像,但我的问题是我收到的不是图像,而是一大堆二进制通心粉,就像这些:

�PNG


IHDR  D���gAMA���asRGB���PLTELiq���F��A����<����U�(����"��5��D��>����F��8��3��!��#��B��C��C��E��H��?��B��#��'��#��%��"�U��$��'���!��G��(��'��3��E��?��I��G��L��J��K��Q��K��J��K��*��@��;��1��9��;��5��/��=��6��;��;��+��-��1��.��)������������������F�� ��$��$�� ��J��I������K��8��L��-����)��-��M��L������-������)��.��8�����������2��3��8��:��C�� ��F��0��"��5��>��5��<��'��,��(��+��;��$��D�������%��*��/��A��E��@��4��)��&��������.��A����?�������K��@��*��!��&��I��.����B����#�������������!��G��/��O��;��9��e��y���ٯ�����u�����b��E��H��D��&��#��E��"����5��%��J��L��H��K��M��9��<��A��1��8��<��0��+����$������߼�ϙ�М�֩�ԣ�Ă�̒��o��Q�޺����ʎ��w�ƅ�����Y����Ɔ��0��5��1��������������������ح��7�զ�����M�޺����������V��8�����~��P�͕����џ�����T�Ƈ����m�����]���۳#�jtRNS��    ��������%''�&3���3������
���������+���������`����������֛������`(���Ό�����a���``��+`������,��VY5eIDAT8�U�uXSQ���    ��������`ww��±R���1`0�Al������8�^g�����{�=�� ���L�Ե{�NݻΚ��E�p�ع��];���m۹k{��Ii����v��u�������#��8�rO�$^��.�$��:��r�%��hcy��X�u
��4pX�Ma�f�.4��k�����;��h4V��Wx��5g��r����|���(9...٤��9�N�E�[   �hS;�<{�h���_�I��EjHU��'
��ޞ"��a��_�+W ��깷�G�>+HD�*�
�QT\�pD������/���A���ܹ ���@o�<��CQy.��I�t&P����E�����b���j�e� ����X����V��)dε>�T>գ�JQ���Qvt����JNBw�7I��"%K�A��\�Ǭ*e{A� >�-��r�>�W�>(5'đ��
���j�� +y��yq�,�$*C�XS�C$�AŹ����H%?�Q��(��uH�B��>P&������.S��z.�{E�>A�U������1�P�J%k/��B|�
�lt|�D�RZ���F*���-��rK�����#*,ۤ���m[���b�!�(^�[��z�4O��O˶l�#|S�Y�J���8�]B׿$>��$��Y�/��-c64]�Ɋze�|�-�b!�+�n�hA'~�����,�=�Qm�
(�otfS�S�8����rY\��K��5չ  ��j��n��2�r9��U�t�oŶ�D�մ٩C"�L��Ɍ��:qB��99�K�gfΰ�2gf�ϛ�������×6x���O�Q�/׸���1­IEND�B`�

我一直在尝试操作响应头和更多的参数,但一直没有成功,所以请帮忙 :(

同时我的控制器方法如下:

@Get('getExchangeIMG/:exchangeName')
  returnExchangeIMG(@Param('exchangeName') exchName) {
    return this.exchangeCordinatorService.getImageByName(exchName);
  }

感谢您的提前预约。

这里的答案对你有帮助吗?https://dev59.com/DLDma4cB1Zd3GeqPBMNE - Marcin
明天试一下,看起来还不错。 - Jarvan Jarvencio
1个回答

4

经过几天的研究后,我找到了问题所在。NestJs使用的请求底层库 axios-http 存储所有内容都是以JSON形式保存,所以如果我想获取二进制图像,它将把它保存为字符串并破坏二进制。

要解决这个问题,我们必须将JSON中解析出的二进制解析为缓存,然后将其转换为base64格式,例如:

 res.send({
                imagen: Buffer.from(response.data, 'binary').toString(
                  'base64',
                ),
                extension: 'base64',
              }),

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接