我无法在 SVG 中显示从数据库导入的图像

Question

我正在尝试将我的数据库中的图片导入 SVG 中的图像，我曾经使用 <img> 显示图片没有问题，但是当我尝试在 SVG 中显示它时我收到此错误：

Cannot GET /SafeValue%20must%20use%20[property]=binding:%20http://localhost/doc/image.jpg%20(see%20https://g.co/ng/security

这是我的代码，AVG太大了，所以我只放了图片部分：

HTML

  <svg class="animated" " version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" >
            <image [attr.xlink:href]="url" height="139.85" width="111.45" x="122.19" y="87.55"/>
  </svg>

ts

 let objectURL = this.dataService.Url + '/doc/' + Candidat.photo;

 this.url = this.sanitizer.bypassSecurityTrustResourceUrl(objectURL);

我似乎找不到任何解决方案，也不知道是什么导致了问题

Answer 1

尝试将 [attr.xlink:href] 更改为 [src]

Answer 2

问题出在这里

 this.url = this.sanitizer.bypassSecurityTrustResourceUrl(objectURL);

我刚删除它，它工作得很好

我无法在 SVG 中显示从数据库导入的图像

I can't show image imported from database inside SVG

svg

sanitization

angular