Angular 10 Nodejs/Express MySQL Multer Sequelize – Upload Files/Download Files

Angular 10 Nodejs/Express MySQL Multer Sequelize – Upload Files/Download Files

Angular 6 HttpClient – Upload Files/Download Files to MySQL with Node.js/Express RestAPIs – using Multer + Sequelize ORM

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 ->

Angular 6 HttpClient – Upload Files/Download Files to MySQL with Node.js/Express RestAPIs – using Multer + Sequelize ORM