我无法将我的byte[]渲染到图像中。我找到了各种各样的解决方案,但到目前为止,还没有人为我工作。
图像模型
export class Image {
id: string
imageName: string
imageData: any
message: string
}.ts文件
import { DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';
import { Service} from 'src/app/services/Service.service';
constructor(private service: Service, private sanitizer: DomSanitizer) { }
image: Image;
imgRecourse: SafeResourceUrl;
this.service.getImage(imageId).subscribe(
data => {
this.image = data as any;
this.imgRecourse = this.sanitizer.bypassSecurityTrustResourceUrl('data:image/jpg;base64,' + this.image.imageData);
}
)HTML
<div class="picture" *ngIf="imgRecourse">
<img id="img" src="{{imgRecourse}}">
</div>它向我展示了每个解决方案中的一个警告
core.js:6901 WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAQ4B4ADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAEC...请帮帮我
谢谢。
发布于 2021-01-28 21:03:03
<div class="picture" *ngIf="imgRecourse">
<img id="img" [src]="imgRecourse">
</div>https://stackoverflow.com/questions/65937668
复制相似问题