настройка [src] в формате base64 для ‹img› в ionic2/angular2 не работает

Я пытаюсь динамически установить изображение src с изображением base64, но оно не работает в ionic2/angular 2 для эмулятора Android. Я получил изображение из внешнего корневого каталога в ionic2 в формате base64. Пожалуйста, найдите ниже фрагмент кода:

Here, imageSrc set in base64 format in .ts file. If I set base64 string directly into .html file then it works. Base64 string directly used in following way:

But, I want to set image in base64 format dynamically for camera capture. Please let me know how set src at run time for

Спасибо,


cordova ionic-framework base64 ionic-native ionic2
person deepak    schedule 29.10.2017    source источник
comment
Вы забыли добавить код :-)   -  person David    schedule 29.10.2017
comment
Я пытаюсь динамически установить изображение src с изображением base64, но оно не работает в ionic2/angular 2 для эмулятора Android. Я получил изображение из внешнего корневого каталога в ionic2 в формате base64. Ниже приведен фрагмент кода: ‹p›‹img [src]=imageSrc /›‹/p› Здесь imageSrc установлен в формате base64 в файле .ts. Если я установлю строку base64 непосредственно в файл .html, тогда это сработает. Строка Base64 напрямую используется следующим образом: ‹p›‹img src=data:image/*;charset=utf-8;base64,/9j/4AAQS ... /›‹/p› Но я хочу установить изображение в формат base64 динамически для захвата камеры. Спасибо,   -  person deepak    schedule 30.10.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно использовать такой тег

<img src="data:image/*;base64,{{imageUrl}}" />

Надеюсь, что это работает для вас

person Mustafa Lokhandwala    schedule 30.10.2017
comment
Я дал imageUrl как данные base64, полученные после кодирования изображения jpg из пути к файлу. Но это не работает. Могу ли я указать путь src напрямую, как в формате /storage/emulator/0/....etc? Пожалуйста, дайте мне знать, как динамически установить src для img в ionic2. - person deepak; 30.10.2017
comment
Я думаю, проблема в теге ‹img›. Вы можете использовать тег ‹ion-img› для этого? - person Mustafa Lokhandwala; 31.10.2017