首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将byte[]渲染成<img>中的角9图像

如何将byte[]渲染成<img>中的角9图像
EN

Stack Overflow用户
提问于 2021-01-28 13:04:22
回答 1查看 179关注 0票数 0

我无法将我的byte[]渲染到图像中。我找到了各种各样的解决方案,但到目前为止,还没有人为我工作。

图像模型

代码语言:javascript
运行
复制
export class Image {
    id: string
    imageName:  string
    imageData: any
    message: string
}

.ts文件

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
<div class="picture" *ngIf="imgRecourse">
   <img id="img" src="{{imgRecourse}}">
</div>

它向我展示了每个解决方案中的一个警告

代码语言:javascript
运行
复制
core.js:6901 WARNING: sanitizing unsafe URL value SafeValue must use [property]=binding: data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAQ4B4ADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAEC...

请帮帮我

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-28 21:03:03

代码语言:javascript
运行
复制
 <div class="picture" *ngIf="imgRecourse">
     <img id="img" [src]="imgRecourse">
  </div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65937668

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档