Загрузка изображения с использованием переменной, содержащей данные base64
в AngularJS
Я пытаюсь найти правильный способ загрузить источник изображения из переменной, содержащей base64
данные кодированного изображения (например, вытащил из холста с помощью toDataURL();
).
Сначала я просто попробовал:
<img src="{{image.dataURL}}" />
где изображение представляет собой переменную области видимости с переменной dataURL
, содержащей данные base64
. Это действительно работает очень хорошо, единственная проблема заключается в том, что я получаю ошибку 404
в моей консоли. Что-то вроде этого:
GET http://www.example.com/%7B%7Bimage.dataURL%7D%7D 404 (не найдено)
Не так красиво. Когда я попробовал более стильное решение angular следующим образом:
<img data-ng-src="image.dataURL" />
изображения не загружаются вообще. Я сделал скрипку, которую вы можете найти ЗДЕСЬ
Любые предложения, как избавиться от этой ошибки в моей консоли?
EDIT:
Грубый кролик был прав. Этот <img data-ng-src="{{image.dataURL}}" />
работает...
Рабочее решение можно найти ЗДЕСЬ