0

estoy realizando un proyecto en ionic con React. Puedo subir las imagenes con multer. El problema viene cuando quiero recorrer todas las imagenes y mostrarlas. Lo que hago es enviar desde express la ruta absoluta de la imagen para añadirla en el src. Pero cuando lo intento me sale el tipico icono de imagen no encontrada.

Adjunto pantallazos de mi codigo.

Front

Backend

La ruta que me devuelve es correcta porque si la copio en el navegador me muestra la imagen, pero desde el codigo no... ¿Alguna solucion?

Gracias!!


Sigo atascado con el mismo problema, ¿alguien tiene alguna idea de lo que pasa? Como decía, el string que le envío al src de la imagen es algo como:

file:///home/carlos/etc...

Y al inspeccionar la ruta me aparece delante del trozo de código:

http://localhost:3000/file:///etc...

Si alguien sabe algo, lo agradecería, estoy muy atascado. Gracias!

1
  • Es mejor agregar el código de lo que has intentado, en vez de imágenes ¿Cómo preguntar? Saludos
    – g.4
    Commented el 10 mar. 2021 a las 20:23

1 respuesta 1

0

Tienes que crearte un nuevo componente image:

const Image = (props)=>{

    return(
           <img src={props.src} alt={props.alt} style={{display: 
            props.src.length > 0 ? 'block' : 'none'}}/>
    )
}

export default Image
1
  • Me sigue pasando lo mismo... No se ve la imagen. Lo mas extraño es que cuando inspecciono el nombre completo del src, me aparece un "localhost:3000" delante de la ruta... No entiendo porque...
    – Carlos
    Commented el 11 mar. 2021 a las 7:34

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.