在Angular2中，抑制未找到图像的chrome控制台错误

Question

在Angular2中，抑制未找到图像的chrome控制台错误

所以我有这段代码：

<div *ngIf="defaultImage"> 
          <img [ngStyle]="_style.img" [ngClass]="{'img-circle': circle}" [src]="getImageUrl()" (load)="onImageLoaded()" (error)="onImageError()" />
 </div>

所以我有这个在线查找图像的功能，如果找不到图像，我会抓住错误并采取行动。 但是我看到一个令人讨厌的控制台错误，当我正在开发时，我想抑制它只是一种烦恼，是否可能？

见下文：

问候

肖恩

Answer 1

无法抑制此错误。这是浏览器的默认行为。

如果您的服务器提供了一个API，您可以提前查询该文件是否存在，那么就可以完成。如果图像不存在，该检查不得产生404，否则检查只会导致相同的控制台日志输出。