我从服务器收到图像形式的响应，我将其作为 blob 接受并将其转换为图像
模板：
<img [src]="imgSrc" alt="Loading....">
ts文件：
createImageFromBlob(image: Blob) {
let reader = new FileReader();
reader.addEventListener("load", () => {
this.imgSrc=reader.result;
}, false);
if (image) {
reader.readAsDataURL(image);
}
}
this.createImageFromBlob(data) //data is the response from the server
它给了我警告：清理不安全的 URL 值数据：text/html；base64。
使用 DomSanitizer bypassSecurityTrust 给出参数 String | 的错误 ArrayBuffer 不可分配给类型字符串
createImageFromBlob(image: Blob) {
let reader = new FileReader();
reader.addEventListener("load", () => {
this.imgSrc=this.sanitizer.bypassSecurityTrustResourceUrl(reader.result); //error here
}, false);
if (image) {
reader.readAsDataURL(image);
}
}
在 blob 到图像的情况下如何绕过角度安全性
解决方案：问题出在 reader.result 中，它没有给出有效的图像，所以我不得不在后端将图像作为数组缓冲区获取，然后将其发送到前端以获取正确的图像。
实际上，我的后端首先从另一个站点获取图像，然后将其发送到前端。