在角度应用程序的img标签中显示应用程序/八位字节流数据

Question

我从API获取数据作为应用程序/八位字节流响应。数据是图像文件。我想在我的角度组件html中显示图像。

我尝试使用HttpClient以blob形式获取数据，然后使用FileReader将其转换为数据url，然后将数据转换为数据url，但是img标签未显示图像。

如何在img标签中显示图像。

Answer 1

我用 angular 代码解决了这个问题：

//创建元素img im html文件

// 在 ts 文件中创建 URL 以显示 blob 响应

// 记住 blob 是来自 api 或任何软件的响应

const imageUrl = URL.createObjectURL(blob);

// 从 html 文件中获取元素

const element = document.getElementById("image");

//在元素中设置url

element?.setAttribute("src",imageUrl);