File sistem NODE JS #6 UPLOAD FILE

#6. UPLOAD FILE

       Hallo guys kembali lagi nih kali ini kita akan membahas mengenai cara upload file ke NPM yah sebelum itu ada yang harus di siapkan nih yaitu mendownload file menggunakan NPM.

ketikan kode berikut menggunaka CLI atau terminal yang anda miliki .

Modul yang Tangguh Ada modul yang sangat bagus untuk bekerja dengan unggahan file, yang disebut "Formidable". Modul yang tangguh dapat diunduh dan diinstal menggunakan NPM:

C:\Users\Your Name>npm install formidable

Setelah Anda mengunduh modul Formidable, Anda dapat memasukkan modul tersebut ke dalam aplikasi apa pun:

var formidable = require('formidable');

oke jika semuanya sudah di sibkan kita akan masuk ke tutorialnya yah guys:

Langkah 1: Buat Formulir Unggahan Buat file Node.js yang menulis formulir HTML, dengan bidang unggah: 

kode

var http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.write('<form action="fileupload" method="post" enctype="multipart/form-data">');
  res.write('<input type="file" name="filetoupload"><br>');
  res.write('<input type="submit">');
  res.write('</form>');
  return res.end();
}).listen(8080);

 Langkah 2: Parsing File yang Diunggah Sertakan modul yang tangguh untuk dapat mengurai file yang diunggah setelah mencapai server. Ketika file diunggah dan diurai, itu akan ditempatkan di folder sementara di komputer Anda.

kode

var http = require('http');
var formidable = require('formidable');

http.createServer(function (req, res) {
  if (req.url == '/fileupload') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      res.write('File uploaded');
      res.end();
    });
  } else {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write('<form action="fileupload" method="post" enctype="multipart/form-data">');
    res.write('<input type="file" name="filetoupload"><br>');
    res.write('<input type="submit">');
    res.write('</form>');
    return res.end();
  }
}).listen(8080);

 Langkah 3: Simpan File Ketika sebuah file berhasil diunggah ke server, itu ditempatkan di folder sementara. Path ke direktori ini dapat ditemukan dalam objek "files", yang diteruskan sebagai argumen ketiga dalam fungsi callback metode parse (). Untuk memindahkan file ke folder pilihan Anda, gunakan modul Sistem File, dan ganti nama file:

Kode

var http = require('http');
var formidable = require('formidable');
var fs = require('fs');

http.createServer(function (req, res) {
  if (req.url == '/fileupload') {
    var form = new formidable.IncomingForm();
    form.parse(req, function (err, fields, files) {
      var oldpath = files.filetoupload.path;
      var newpath = 'C:/Users/Your Name/' + files.filetoupload.name;
      fs.rename(oldpath, newpath, function (err) {
        if (err) throw err;
        res.write('File uploaded and moved!');
        res.end();
      });
 });
  } else {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write('<form action="fileupload" method="post" enctype="multipart/form-data">');
    res.write('<input type="file" name="filetoupload"><br>');
    res.write('<input type="submit">');
    res.write('</form>');
    return res.end();
  }
}).listen(8080);

❮ SebelumnyaAwal ❯