Преобразовать строку base64 в изображение в реагировать родной

Question

Преобразовать строку base64 в изображение в реагировать родной

1

проблема

Я создал приложение для социальных сетей, в котором exo реагировал на родной язык, и хотел добавить возможность загружать изображения. Поскольку expo не позволит вам преобразовать файл в blob для загрузки, я просто загрузил данные изображения base64 в виде строки в базу данных сервера. Как я могу преобразовать эти данные в изображение с возможностью просмотра снова после загрузки данных с сервера?

GIISE 07 янв. 2018, в 08:46

Источник

0

Вместо того, чтобы пытаться загрузить изображение в виде блоба, создайте форму и прикрепите изображение в виде файла. Вы не должны хранить изображения в базе данных, вы должны хранить их как файлы, на которые ссылаются из базы данных. Посмотрите это для примера: github.com/g6ling/React-Native-Tips/tree/master/…
Tom 07 янв. 2018, в 07:10
0

Вы можете использовать response-native-fetch-blob, чтобы преобразовать изображение в base64, а затем снова вернуться к изображению из base64.
Shahzad Mirza 07 янв. 2018, в 07:32

Теги:

javascript

firebase

react-native

expo

firebase-realtime-database

1 ответ

Ещё вопросы

Вместо того, чтобы пытаться загрузить изображение в виде блоба, создайте форму и прикрепите изображение в виде файла. Вы не должны хранить изображения в базе данных, вы должны хранить их как файлы, на которые ссылаются из базы данных. Посмотрите это для примера: github.com/g6ling/React-Native-Tips/tree/master/…
Вы можете использовать response-native-fetch-blob, чтобы преобразовать изображение в base64, а затем снова вернуться к изображению из base64.

Thunder · Accepted Answer · 2018-01-07T06-55-00.000Z

вы можете сделать вот так:

var yourBase64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANS ... ;
<Image style={{width: 50, height: 50}} source={{uri: base64Icon}}/>

в base64Icon вам нужно назначить данные base64 после "data: image/png; base64, this.

например.) var base64Icon = 'data: image/png; base64, PLACE_YOUR_BASE64_DATA_HERE;