Tutorial Express JS – Cara Mengupload File di Aplikasi – NDP

Express JS is a popular web application framework for Node.js. It makes building web applications and APIs with Node.js much easier and faster. In this tutorial, we will learn how to upload files in an Express JS application.

Langkah 1: Menginstal Dependensi

Pertama, pastikan Anda telah menginstal Express JS di komputer Anda. Jika belum, Anda dapat menginstalnya dengan perintah npm install express. Selain itu, Anda juga perlu menginstal dependensi multer, yang akan membantu kita dalam proses upload file. Anda dapat menginstalnya dengan perintah npm install multer.

Langkah 2: Membuat Form Upload File

Buatlah file HTML dengan form untuk mengupload file. Anda dapat menggunakan kode berikut sebagai contoh:

  
    <form action="/upload" method="post" enctype="multipart/form-data">
      <input type="file" name="file" />
      <input type="submit" value="Upload" />
    </form>
  

Langkah 3: Menangani File Upload di Express JS

Selanjutnya, Anda perlu menangani proses upload file di aplikasi Express JS. Anda dapat menggunakan multer untuk menangani proses ini. Berikut adalah contoh kode untuk menangani proses upload file di Express JS:

  
    const express = require('express');
    const multer = require('multer');
    const upload = multer({ dest: 'uploads/' });
    
    const app = express();
    
    app.post('/upload', upload.single('file'), (req, res) => {
      res.send('File uploaded successfully');
    });
    
    app.listen(3000, () => {
      console.log('Server started on port 3000');
    });
  

Dalam contoh kode di atas, kita menggunakan multer untuk menangani proses upload file. Kami menentukan folder tujuan untuk menyimpan file yang diunggah dengan opsi dest. Kemudian, kita menangani permintaan POST untuk rute /upload dengan menggunakan metode middleware upload.single(‘file’).

Langkah 4: Menjalankan Aplikasi

Terakhir, jalankan aplikasi Express JS dengan mengetikkan perintah node app.js di terminal. Buka browser Anda dan akses http://localhost:3000 untuk melihat aplikasi tersebut. Kemudian, coba untuk mengupload file melalui form yang telah Anda buat.

Dengan mengikuti tutorial ini, Anda sekarang dapat mengupload file di aplikasi Express JS menggunakan multer. Selamat mencoba!