Я использую Angular 7 и пытаюсь санировать изображения из локальной системы, чтобы они отображались в браузере Chrome, но для каждого метода я получаю сообщение об ошибке: Не разрешено загружать локальный ресурс: file: ///C: /poze/poxulet/poza_profil.jpg [http://localhost:4200/].
Кто-нибудь знает, что может быть не так?
Это первый метод, который я попробовал:
В шаблоне .html
<img mat-card-image [src]="domSanitizer.bypassSecurityTrustUrl(service.image)"/>
В классе компонентов .ts:
export class ServicesComponent implements OnInit {
constructor(public domSanitizer: DomSanitizer) {}
ngOnInit() {
service.image = "C:/poze/poxulet/poza_profil.jpg";
}
Это второй метод:
В шаблоне.html
<img mat-card-image [src]="getSanitizeUrl(service.image)"/>
В классе компонентов .ts
export class ServicesComponent implements OnInit {
constructor(public domSanitizer: DomSanitizer) {}
public getSanitizeUrl(url : string): SafeUrl {
return this.domSanitizer.bypassSecurityTrustUrl(url);
}
ngOnInit() {
service.image = "C:/poze/poxulet/poza_profil.jpg"; }