Как преобразовать большой двоичный объект в изображение и отобразить его в React?

#reactjs #image #blob

Вопрос:

у меня есть несколько изображений png, хранящихся в виде больших двоичных объектов в базе данных, и я пытаюсь получить эти большие двоичные объекты и преобразовать их в URL.

 lt;Popup trigger={openPopup} setTrigger={setPopup}gt;  lt;img src={setBlobImages(photoBlob)} /gt; lt;/Popupgt;  
 function setBlobImages(photo){  if(photo === undefined){  console.log("undefined");  return undefined  }  else{  console.log("value")  var binaryData = [];  binaryData.push(photo);  return URL.createObjectURL(new Blob(binaryData))  } }  

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

Как я могу заставить это работать? Спасибо вам за ваши ответы.

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

1. lt;img src={photoBlob} /gt; ?

2. не работает :/

3. можете ли вы вставить свою каплю?

Ответ №1:

Я все понял. Добавление «данные:изображение/png;base64» решило проблему.

Пример:

 lt;img className="blob-to-image" src={"data:image/png;base64,"   photoBlob}gt;lt;/imggt;