Recibo un error en mi consola cada vez que subo una imagen. Lo estoy cargando como Base64. La imagen se carga correctamente y puedo ver la vista previa, pero hay un error.
El error parece mostrarse de forma asíncrona, pero supongo que se debe a esta función, en el método file.ReadAsDataURL:
export function getBase64FromFile(target) { return new Promise((resolve, reject) => { let fileReader = new FileReader(); fileReader.onloadend = fileLoadedEvent => { const base64 = fileLoadedEvent.target.result; resolve(base64); }; fileReader.onerror = () => { reject(fileReader.error); console.log('filereader onerror', fileReader.onerror); fileReader.abort(); }; if (target) { fileReader.readAsDataURL(target); } }); } Parece que internamente termina resolviéndose de alguna manera, pero el error me molesta. Por ejemplo, para mi ruta C:/images/autumn.jpg noté que el error es:
GET c:%C3%BAkepathutumn.jpg net::ERR_UNKNOWN_URL_SCHEME Veo que el navegador cambia la ruta a C:/Fakepath/autumn.jpg por seguridad, pero, ¿dónde está la barra entre Fakepath y autumn?
El error solo aparece en Chrome, en Firefox no se muestra ningún error.
También intenté agregar cualquier tipo de prefijo como "Archivo: ///" en mi objetivo, pero luego no funciona.
Cualquier ayuda sería apreciada. ¡Gracias!