SIU_Dran_net/frontend/src/SubirPDF.jsx

37 lines
1019 B
JavaScript

import React, { useCallback } from 'react';
import { useDropzone } from 'react-dropzone';
import axios from 'axios';
const SubirPDF = () => {
const onDrop = useCallback(acceptedFiles => {
const file = acceptedFiles[0];
const formData = new FormData();
formData.append('pdfFile', file);
axios.post('http://localhost:${port}', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
// Manejar la respuesta del servidor
console.log(response.data);
})
.catch(error => {
// Manejar errores
console.error('Error al subir el archivo:', error);
});
}, []);
const { getRootProps, getInputProps } = useDropzone({ onDrop });
return (
<div {...getRootProps()} style={{ border: '1px solid black', padding: '20px', textAlign: 'center' }}>
<input {...getInputProps()} />
<p>Arrastra y suelta un archivo PDF aquí, o haz clic para seleccionar uno</p>
</div>
);
};
export default SubirPDF;