Angular Не разрешается загружать локальный ресурс: file: /// C: / - PullRequest
0 голосов
/ 13 июня 2019

Я использую 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"; }
...