#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;