Node.jsアップロードファイル
恐ろしいモジュール
「Formidable」と呼ばれる、ファイルのアップロードを操作するための非常に優れたモジュールがあります。
Formidableモジュールは、NPMを使用してダウンロードおよびインストールできます。
C:\Users\Your Name>npm install formidable
Formidableモジュールをダウンロードしたら、そのモジュールを任意のアプリケーションに含めることができます。
var formidable = require('formidable');
ファイルのアップロード
これで、Node.jsで、ユーザーがコンピューターにファイルをアップロードできるWebページを作成する準備が整いました。
ステップ1:アップロードフォームを作成する
アップロードフィールドを使用して、HTMLフォームを書き込むNode.jsファイルを作成します。
例
このコードはHTMLフォームを生成します:
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);
ステップ2:アップロードされたファイルを解析する
アップロードされたファイルがサーバーに到達したときに解析できるように、Formidableモジュールを含めます。
ファイルがアップロードされて解析されると、コンピューターの一時フォルダーに配置されます。
例
ファイルがアップロードされ、一時フォルダに配置されます。
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);
ステップ3:ファイルを保存する
ファイルがサーバーに正常にアップロードされると、一時フォルダーに配置されます。
このディレクトリへのパスは、parse()
メソッドのコールバック関数の3番目の引数として渡される「files」オブジェクトにあります。
選択したフォルダにファイルを移動するには、ファイルシステムモジュールを使用して、ファイルの名前を変更します。
例
fsモジュールをインクルードし、ファイルを現在のフォルダーに移動します。
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.filepath;
var
newpath = 'C:/Users/Your Name/' + files.filetoupload.originalFilename;
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);