Panduan Lengkap Menambah Fungsi Upload Di Express.js

Pada tutorial sebelumnya kita telah selesai membuat CRUD listing manga menggunakan express.js, nah di tutorial itu URL membaca manga masih berupa string belum ada fungsi untuk menambahkan file PDF manga, pada tutorial kali ini kita akan menambahkan fungsi mengupload file PDF manga.

Install Multer

Untuk dapat menghandle file kita harus menginstal package multer.

npm install --save multer

Lalu buka file routes/mangaDirektori.js tambahkan kode berikut,

...
const multer  = require('multer');
const upload = multer({ dest: 'uploads/' });
...

Pada bagian multer({ dest: 'uploads/' }) digunakan untuk mendefinisikan folder penampung file yang akan diupload nantinya. Oh ya jangan lupa membuat folder uploads di root project kamu.

Tambahkan Fungsi Upload ketika POST Manga Baru

Masih di file routes/mangaDirektori.js ubah di route untuk POST Manga Baru.

router.post('/',
   upload.single('file_komik'),
   async function(req, res, next){
  try{
    res.json(await mangaDirektori.create(req.body, req.file))
  } catch (err) {
    console.error(`Error membuat data manga`, err.message);
    next(err);
  }
})

Pada sript diatas kita menambah upload.single('file_komik') dan req.file mari kita jelaskan satu persatu.

Close

Silahkan Login/Sign Up

😞 Discord eklusif buat member asinkron.com

Jangan khawatir silahkan Daftar GRATIS 😎

*Link discord akan dikirim ke email yang anda gunakan untuk mendaftar.