Professional Documents
Culture Documents
ImgOrg.create({
type: req.file.mimetype,
name: req.file.originalname,
ImgOrg: fs.readFileSync('resources/statict/assets/uploads/' +
req.file.filename
),
}).then((ImgOrg) => {
fs.writeFileSync('resources/statict/assets/uploads/' + ImgOrg.filename,
ImgOrg.ImgOrg
);
Modelo de la imagen:
// It first imports the Sequelize library and the database configuration.
import { Sequelize } from "sequelize";
import db from "../config/database.js";
};
axios.post('/upload', formData)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.error(error);
});
};
return (
<div style={{
backgroundImage:
`url("https://sirc.ca/wp-content/uploads/2020/03/AdobeStock_298604606-
scaled.jpeg")`,
backgroundSize: "cover"
}}>
<div className='bg-success bg-opacity-25'>
<div className= "form-container vh-100 d-flex justify-content-
center align-items-center">
<Form onSubmit={Add} className='bg-success text-white bg-
opacity-50 border border-dark rounded w-50 shadow-lg p-3 mb-5 rounded'>
<Form.Group className="field mt-4 mb-4">
<div className="Formulario_usuario container pl-2 ">
<Row>
<Form.Label className=" d-flex justify-
content-center" style={{fontSize: 20}}>Imagen Actividad</Form.Label>
<Form.Control className="mb-3" type="file"
id="input-files" onChange={PreviewImg} />
</Row>
<Row>
<div className="container pl-2 d-flex justify-
content-center">
{previewImages && <img src={previewImages}
style={{maxWidth: "200px"}}/>}
</div>
</Row>
<div className= "d-flex justify-content-center
align-items-center mt-3">
<Button variant="success" type="submit" className=
"border-dark w-100">
Añadir Imagen
</Button>
</div>
</div>
</Form.Group>
</Form>
</div>
</div>
</div>
)
}
useEffect(() => {
console.log("useEffects ok");
GetImg(new Event(''));
}, []);
return (
<div style={{
backgroundImage:
`url("https://sirc.ca/wp-content/uploads/2020/03/AdobeStock_298604606-
scaled.jpeg")`,
backgroundSize: "cover"
}}>
<div className='bg-success bg-opacity-25'>
<div className= "form-container vh-100 d-flex justify-content-
center align-items-center">
{<Row xs={1} md={4} className="g-4 mt-1 mb-5">
{listImages.map((image) => (//Es un for each no se asusten
<Col key={image.idImgOrg}>
<Card className={`box-shadow`}
key={image.idImgOrg}>
<Card.Img
src={`data:image/jpeg;base64,$
{Buffer.from(image.ImgOrg).toString('base64')}`}
alt={image.name}
/>
</Card>
</Col>
))}
</Row>}
</div>
</div>
</div>
)
}
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: true, parameterLimit:100000, limit: "500mb" //the two body parsers
are so that you can accept form requests from an html
}));