отображать большой двоичный объект в теге img (javascript)

#javascript #reactjs #blob

#javascript #reactjs #большой двоичный объект

Вопрос:

Я получаю файл большого двоичного объекта из MySQL, и он выглядит как изображение ниже.

введите описание изображения здесь

и я хотел бы показать это изображение через <img src={imagefile}/> (я использую React.js ).

Как я могу связать файл большого двоичного объекта с URL-адресом? Я пытался URL.createObjectURL(imagefile)

но это выдает мне ошибку, которая Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided

пожалуйста, помогите тому

Ответ №1:

Вам нужно преобразовать ваши данные в base64 с помощью следующего кода, затем вы можете использовать Base64 в вашем теге img < img src=»yourbase64here»/>

 let base64String = btoa(String.fromCharCode(...new Uint8Array(data)));
  

Комментарии:

1. В большинстве случаев это не сработает, тег src для изображений будет очень длинным, а браузеры, такие как firefox, не будут отображать изображение на телефонах. что понятно, поскольку вы получаете поле src длиной в миллионы символов.