Используйте angularjs для отображения изображений в блоге

Question

У меня есть блоб с URL, генерирующий изображение в консоли. Как отобразить его на веб-странице, используя angularjs.

Вот что у меня в консоли ...

Это предварительное изображение должно отображаться через тег.

Я пытался произвести, но не смог ..

Кто-нибудь может мне помочь?

Спасибо

Answer 1

преобразовать BLOB-объект в base64 в вашем контроллере и сохранить его в области действия

$ scope base64Image = новый буфер (blob, 'binary') .toString ('base64');

и в вашем HTML-файле:

<div>
<h1>Angular</h1>
<img ng-src="{{base64Image}}">
</div>

Answer 2

вы можете получить содержимое BLOB-объекта из базы данных, помещенного в список, и использовать ng-src для отображения изображений

Answer 3

Получить изображение, создать URL объекта из вашего BLOB-объекта и назначить src для изображения:

var myImage = document.getElementById("img-id");
var objectURL = URL.createObjectURL(myBlob);
myImage.src = objectURL;