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');
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);
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);
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);
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);
Posting Komentar untuk "File sistem NODE JS #6 UPLOAD FILE"