 |
| Node.js Upload Files dan Example Code |
Node.js dapat digunakan untuk meng-upload file ke server dengan menggunakan modul HTTP (Hypertext Transfer Protocol) atau modul tertentu yang dirancang khusus untuk tujuan tersebut, seperti modul `multer` atau `form-data`.
Berikut ini adalah contoh program sederhana menggunakan Node.js untuk meng-upload file ke server menggunakan modul `multer`:
- Pasang modul `multer` dengan menjalankan perintah `npm install multer` pada terminal.
- Buat file JavaScript baru dengan nama yang sesuai dengan keinginan Anda, misalnya `upload.js`.
- Tambahkan kode berikut ke dalam file tersebut:
const multer = require('multer');
const express = require('express');
const app = express();
// Konfigurasi multer untuk menentukan tempat penyimpanan file dan nama file yang diupload
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads/'); // Penyimpanan file di folder 'uploads'
},
filename: function (req, file, cb) {
cb(null, file.originalname); // Menyimpan file dengan nama asli
}
});
const upload = multer({ storage: storage });
// Menangkap permintaan POST dengan enctype "multipart/form-data"
app.post('/upload', upload.single('file'), (req, res) => {
res.send('File sudah terupload!');
});
app.listen(3000, () => {
console.log('Server listening on port 3000');
});
- Buat folder baru dengan nama `uploads` di direktori proyek Anda.
- Jalankan file tersebut dengan mengetik `node upload.js` pada terminal.
- Buka browser dan akses alamat http://localhost:3000/upload. Anda akan melihat halaman form upload file.
- Pilih file yang ingin diupload dan klik tombol "Submit" untuk mengirimkan permintaan upload. Jika proses upload berhasil, akan muncul pesan "File sudah terupload!" di halaman.
Sebagai tambahan, Anda juga dapat menambahkan validasi dan pengolahan data lainnya sesuai kebutuhan proyek Anda. Sebagai contoh, Anda dapat membatasi tipe file yang diizinkan untuk diupload, atau menambahkan field lain seperti deskripsi atau judul file.
Posting Komentar