Angular 10 Nodejs/Express MySQL Multer Sequelize – Upload Files/Download Files
In the tutorial, we show how to upload files, download files from Angular 10 Client to MySQL with Node.js RestAPIs server using Multer middleware and Sequelize ORM.
Related posts:
– Node.js/Express RestAPIs server – Angular 10 Upload/Download Files – Multer + Bootstrap
– Angular 10 HttpClient Crud + Node.js Express Sequelize + MySQL – Get/Post/Put/Delete RestAPIs
Technologies
- Angular 10
- RxJS 6
- Bootstrap 4
- Visual Studio Code – version 1.24.0
- Nodejs – v8.11.3
- Multer
- Sequelize
- MySQL
Overview
We create 2 projects: {Node.js, Angular}
Node.js RestAPIs
Project structure ->
– Node.js project exposes RestAPIs to upload/download files:
- router.post(‘/api/file/upload’, upload.single(“file”), fileWorker.uploadFile);
- router.get(‘/api/file/all’, fileWorker.listAllFiles);
- router.get(‘/api/file/:id’, fileWorker.downloadFile);
Configure cross-origin
for Angular-Client which running at port: 4200
.
const cors = require('cors')
const corsOptions = {
origin: 'http://localhost:4200',
optionsSuccessStatus: 200
}
app.use(cors(corsOptions))
Upload File ->