Tengo una interfaz de reacción y quiero ver la imagen en el navegador cuando subo la imagen. A continuación se muestra mi función de carga
onDrop = async (files) => { const FILES = { "uploaded_image": [{ name: files[0].name, <- Name prints on screen succesfully image: files[0].file, <- It is just empty }] } this.setState({ ...some states }) ..some calls }Y abajo está el render
<div> <Image src={this.state.files[0].image} /> </div>La imagen muestra si codifico el campo directamente,
image: require(`static_media/car.png`).default Pero me gustaría mostrar sin codificar la ruta del archivo cargado, ¿cómo puedo modificar el image field en onDrop para hacer eso?
necesita usar URL.createObjectURL (archivos [0])
const FILES = { "uploaded_image": [{ name: files[0].name, <- Name prints on screen succesfully image: URL.createObjectURL(files[0]), <- It is just empty }] }