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);