¿Estás tratando de cargar un archivo, o imagen, de manera local en Ionic y estás teniendo problemas?
Si es así, déjame decirte que no eres el primero, ni serás el último, que pasa por aquí a intentar dar respuesta a la anterior pregunta, y lo consigue.
Mi nombre es Aitor Sánchez, soy desarrollador de apps desde 2014 y en este artículo aprenderás cómo puedes cargar archivos locales que estén fuera del entorno de la aplicación.
Pero antes de continuar, este es El Círculo. Es mi newsletter donde te puedo enseñar desarrollo de apps móviles, aso y monetización. Por cierto, si te suscribes te regalo mi ebook Duplica los ingreso de tus apps en 5 minutos. No es broma.
P.D: Darse de alta es gratis y de baja, también.
Consultar estructura del artículo
¿Por qué pasa esto?
Es un bug que existe en alguna de las versiones del plugin de WebView.
Muchos usuarios de Ionic reportan que se soluciona cambiando de versión, pero aquí le vamos a dar una solución mucho más específica y completa para que te funcione en todas las versiones.
¿Cómo puedo solucionarlo?
Aquí tenemos dos maneras de tratar el tema. Si usas Capacitor, o no lo usas.
Si usas capacitor:
...
import { Capacitor } from '@capacitor/core';
...
const savedPhoto = Capacitor.convertFileSrc("<Local path of photo>")
...
Si usas WebView:
... const image = window.win.Ionic.WebView.convertFileSrc(path); ...
Y en la gran mayoría de las ocasiones, tu problema estará solucionado solo con estas líneas. Pruébalo y me cuentas.
Sin más me despido, espero haberte sido de ayuda. Nos vemos en el siguiente artículo, hasta entonces, que vaya bien.