从API，我得到的数据作为应用程序/八位字节流响应。该数据是一个图像文件。我想在我的Angular 组件html显示图像。我尝试使用HttpClient获取数据作为blob，并使用FileReader将其转换为数据URL，然后将数据转换为数据URL，但img标记不显示图像。我如何在img标签中显示图像。
b1payxdu1#
我用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）;
1条答案
按热度按时间b1payxdu1#
我用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）;