Soy nuevo en reaccionar y aprender sobre archivos. Intenté usar una variable ('nombre de archivo' en el código) para almacenar el nombre del archivo cuando se carga el archivo e imprimirlo en la primera línea del código que se muestra a continuación, pero eso no funcionó. No estoy seguro de dónde me estoy equivocando. Este es el código básico que escribí:
<Row> File name: {filename} </Row> <Row> <Form.item name="fileupload"> <Upload name="file" maxCount={1} showUploadList={false} accept=".png" beforeUpload={()=>false}> <Button type='primary'> Upload </Button> </Upload> </Form> </Row>Quiero imprimir el nombre del archivo cargado en la primera línea. ¿Lo estoy haciendo correctamente y, de ser así, cómo imprimo el nombre del archivo cargado allí?
En el controlador onChange obtendrá la información del archivo que se carga.
Función handleFileUpload :
const handleFileUpload = (info) => { console.log(`File name: ${info.file.name}`) // Logic of action you want to perform on file upload } Añadir onChange :
<Row> File name: {filename} </Row> <Row> <Form.item name="fileupload"> <Upload name="file" maxCount={1} showUploadList={false} accept=".png" beforeUpload={()=>false} onChange={handleFileUpload} > <Button type='primary'> Upload </Button> </Upload> </Form> </Row>