Estoy tratando de migrar mi aplicación de Electron a Angular, mi objetivo es mostrar una imagen cargada por un usuario y para ello hice esto:
página.componente.ts
uploadImageFile(){ fileDialog({}, files =>{ //I use the fileDialog library that returns a FileList if(files[0]) { this.filePath=URL.createObjectURL(files[0]) return this.sanitizer.bypassSecurityTrustUrl(this.filePath) }else{console.log(":/"); return false}; }) }página.componente.html
img src="{{filePath}}" ngif="filePath" class="image2" width="200" height="250">Pero el programa devuelve este error:
WARNING: sanitizing unsafe URL value blob:http://localhost:4200/3f4bdf10-8080-4f4b-ba3f-15a7f85c6d69 (see https://g.co/ng/security#xss) GET unsafe:blob:http://localhost:4200/3f4bdf10-8080-4f4b-ba3f-15a7f85c6d69 net::ERR_UNKNOWN_URL_SCHEME¿Algún consejo sobre cómo solucionarlo?
Omita la seguridad y confíe en que el valor dado sea seguro para la URL de estilo y la URL de recurso
En este caso, debe usar bypassSecurityTrustUrl , lo que significa
un valor que se puede usar en hipervínculos o
<img src>
bypassSecurityTrustResourceUrl que significa
una ubicación que se puede usar para cargar el código ejecutable, como
<script src>o<iframe src>.
Espero que seas claro con esta solución.