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