Я выполняю запрос GET API в React, чтобы получить изображение JPEG из API. Вот как выглядит возвращенный код JPEG:
����JFIF��� ( %!1!%)+...!683-7(-.+
/% %-/-/-2-----./-.-----/-----/-----------------------���"����A!1AQ"aq�2����B�3Rr��#4b����Cs����c����2!1Aq2Q��3a�"�����#4D����?q�)��Lz��
�Le0���`��Sh����&j�,�xOQ� ��S�r@����օ��
�*�?��վ���.�-i�5WJU�H"�d�>�D9�Z��Ȟ��O�!�'��i��s�#�9�Js�@K�Y\�b�4 )d&�!JK��K*�r!,�x˔Ǵ¾���� 9.������Ed�R�� �
and on and on...
Затем я использую btoa (unescape (encodeURIComponent (res.data))) для преобразования этого кода JPEG в Base64. Вот как выглядит Base64:
77+977+977+977+9ABBKRklGAAEBAAABAAEAAO+/ve+/vQDvv70ACQYHExMSFRISExUWFRYYGRoYFxcYFhgYGx4YGxoXGhcZGhoeKCAYGiUbGxohMSElKSsuLi4dITY4My03KC0uKwEKCgoODQ4bEBAbLyUgJS0vLS8tMi0tLS0tLi8tLi0tLS0tLy0tLS0tLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0t77+977+9ABEIAO+/vQEcAwEiAAIRAQMRAe+/ve+/vQAbAAADAAMBAQAAAAAAAAAAAAADBAUAAgYBB++/ve+/vQBBEAABAgUDAgMGAg...
and on and on....
Затем я помещаю Base64 в тег img следующим образом:
<img src={`data:image/jpeg;base64,${base64}`}/>
Я не получаю никаких кодов ошибок, но мое изображение пусто Изображение не появляется. Кто-нибудь знает, что я делаю не так?