使用angularjs显示博客图像

Question

我有一个带网址的blob，在控制台中生成图像。如何使用angularjs在网页中显示它。

以下是我在控制台中的内容......

该预览图像应通过标签显示。

我试图生产，但无法生产..

任何人都可以帮助我吗？

由于

Answer 1

获取图像，从blob创建对象URL并将src分配给image：

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

Answer 2

在您的控制器中将blob转换为base64并将其保存在范围

中

$ scope base64Image = new Buffer（blob，＆＃39; binary＆＃39;）。toString（＆＃39; base64＆＃39;）;

并在您的HTML文件中：

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

Answer 3

您可以将数据库中的blob内容放入列表并使用ng-src显示图像