Upload File di Node JS

Published at

4/11/2024

Categories

4 categories in total

Author

14 person written this

juanangelaalma

open

Apa itu Node JS?
Node JS merupakan run time environment pada javascript yang didesain untuk membuat aplikasi website menggunakan bahasa pemrograman javascript. Pada jaman dahulu javascript dikenal sebagai bahasa pemrograman yang berjalan di sisi client, namun sekarang javascript dapat berjalan di sisi server

Apa saja yang akan kita butuhkan?

Node JS
Package Manager (npm, yarn, etc)
Text editor
Formidable

Step 1
Install package formidable

npm install formidable

Step 2
Buat form.html di dalam folder project node js. Form ini akan digunakan untuk field upload file

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

Step 3
Buat server.js yang akan menjadi server untuk upload file

const http = require('http')
const formidable = require('formidable')
const fs = require('fs')

const server = http.createServer((req, res) => {
  if(req.url == '/upload') {
    const form = new formidable.IncomingForm()
    form.parse(req, (err, fields, files) => {
      const oldPath = files.file.path
      const newPath = './files/'+files.file.name
      fs.rename(oldPath, newPath, (err) => {
        if(err) throw err
        res.write('File uploaded')
        res.end()
      })
    })
  } else {
    fs.readFile('./form.html', 'utf8', (err, data) => {
      if(err) throw err
      res.writeHead(200, {'Content-Type': 'text/html'})
      res.write(data)
      res.end()
    })
  }
})

server.listen(8080, () => {
  console.log('server running at 8080')
})

yang terakhir jangan lupa untuk membuat folder file yang digunakan untuk menyimpan file yang telah diupload

dev-resources.site

Upload File di Node JS