formidableモジュールを使用して、アップロード
概要
POSTデータをformidableモジュールを使用して取得する。この方法では"["などが文字化け？しないでそのままの値を取得できるはず
formidableモジュールインストール
コマンド
>npm install formidable
npm http GET https://registry.npmjs.org/formidable
npm http 200 https://registry.npmjs.org/formidable
npm http GET https://registry.npmjs.org/formidable/-/formidable-1.0.13.tgz
npm http 200 https://registry.npmjs.org/formidable/-/formidable-1.0.13.tgz
formidable@1.0.13 node_modules\formidable
>
パス
サンプル
index.js
// サーバ、ルーティング、リクエストメソッドのモジュールを読み込み
var server = require("./server");
var router = require("./router");
var request = require("./request");
var requestHandlers = require("./requestHandlers");
// リクエストのハンドラを設定
var handle = {}
handle["/"] = requestHandlers.start;
handle["/start"] = requestHandlers.start;
handle["/upload"] = requestHandlers.upload;
// ハンドラパラメータを追加
server.start(router.route, handle, request);
server.js
var http = require("http");
var url = require("url");
var util = require('util');
var formidable = require("formidable");
var sys = require('sys');
qs = require('querystring');
function start(route, handle, param) {
function onRequest(request, response) {
var pathname = url.parse(request.url).pathname;
var query = url.parse(request.url, true).query;
console.log("Request for " + pathname + " received.");
console.log("Request for RequestString = " + query + " received.");
console.log("");
// queryStringよりGETパラメータを取得
var _req_data = {};
_req_data.get = query;
_req_data.post = null;
_req_data.file = null;
// form情報よりPOSTパラメータを取得
var form = new formidable.IncomingForm();
// upload先を指定
form.uploadDir = 'd:/temp';
// パース
form.parse(request, function(err, fields, files) {
_req_data.post = fields;
_req_data.file = files;
console.log('received upload:\n\n');
console.log(sys.inspect({get: _req_data.get,
post: _req_data.post,
file: _req_data.file}));
// ルーティング
route(handle, pathname, response, request, _req_data);
});
}
http.createServer(onRequest).listen(8888);
console.log("Server has started.");
}
exports.start = start;
router.js
var fs = require("fs");
var path = require("path");
function route(handle, pathname, response, request, _req_data) {
console.log("About to route a request for " + pathname);
if (typeof handle[pathname] === 'function') {
handle[pathname](response, request, _req_data);
} else {
var _path = "." + pathname;
var file_exists = path.existsSync(_path);
if(file_exists){
// ファイル読み込み
}else{
console.log("No request handler found for " + pathname);
response.writeHead(404, {"Content-Type": "text/plain"});
response.write("404 Not found");
response.end();
}
}
}
exports.route = route;
requestHandlers.js
var querystring = require("querystring");
var fs = require("fs");
var sys = require('sys');
var exec = require("child_process").exec;
function start(response, request, _req_data) {
console.log("Request handler 'start' was called.");
var body = '<html>'+
'<head>'+
'<meta http-equiv="Content-Type" content="text/html; '+
'charset=UTF-8" />'+
'</head>'+
'<body>'+
'<form action="/upload?zzz=111&xxx=666" method="post" enctype="multipart/form-data">'+
' <input type="text" name="text1" /><br />'+
' <input type="text" name="text2" /><br />'+
' <input type="text" name="text3[aaa]" /><br />'+
' <input type="text" name="text3[bbb]" /><br />'+
' <input type="checkbox" name="text4" checked/><br />'+
' <input type="file" name="upload1" /><br />'+
' <input type="file" name="upload2" /><br />'+
' <input type="submit" value="upload submit" />'+
'</form>'+
'<br />'+
'<form action="/view1" method="post" >'+
' <input type="text" name="text1" /><br />'+
' <input type="text" name="text2" /><br />'+
' <input type="submit" value="view1 submit" />'+
'</form>'+
'</body>'+
'</html>';
response.writeHead(200, {"Content-Type": "text/html"});
response.write(body);
response.end();
}
function upload(response, request, _req_data) {
console.log("Request handler 'upload' was called.");
var _upload2 = _req_data.file.upload2;
var _upload_path = "./" + _upload2.name;
console.log(_upload_path);
// ファイル移動
fs.rename(_upload2.path, _upload_path, function(err) {
if (err) {
fs.unlink(_upload_path);
fs.rename(_upload2.path, _upload_path);
}
});
//
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello Upload");
response.end();
/*
// form情報よりPOSTパラメータを取得
var form = new formidable.IncomingForm();
form.parse(request, function(err, fields, files) {
_req_data.post = fields;
_req_data.file = files;
console.log('received upload:\n\n');
console.log(sys.inspect({get: _req_data.get,
post: _req_data.post,
file: _req_data.file}));
// fs.rename(files.upload.path, "/tmp/test.png", function(err) {
// if (err) {
// fs.unlink("/tmp/test.png");
// fs.rename(files.upload.path, "/tmp/test.png");
// }
// });
});
*/
}
exports.start = start;
exports.upload = upload;
request.js
function req_data(queryString) {
var _param = {};
// リクエストを取得
var _list = (new String(queryString)).split('&');
for(var _key in _list){
var _col = _list[_key].split("=");
_param[_col[0]] = _col[1];
}
return _param;
}
exports.req_data = req_data;
結果
コマンド
D:\Tools\Works\nodejs_test\sample10>node index.js
Server has started.
Request for / received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /
Request handler 'start' was called.
Request for /favicon.ico received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /favicon.ico
path.existsSync is now called `fs.existsSync`.
No request handler found for /favicon.ico
Request for /upload received.
Request for RequestString = [object Object] received.
received upload:
{ get: { zzz: '111', xxx: '666' },
post:
{ text1: '111',
text2: '',
'text3[aaa]': '222',
'text3[bbb]': '',
text4: 'on' },
file:
{ upload1:
{ domain: null,
_events: null,
_maxListeners: 10,
size: 141953,
path: 'd:\\temp\\254b809cd0905cd52544b1d842ca65f1',
name: '0001.JPG',
type: 'image/jpeg',
hash: false,
lastModifiedDate: Wed Mar 27 2013 22:03:01 GMT+0900 (東京 (標準時)),
_writeStream: [Object] },
upload2:
{ domain: null,
_events: null,
_maxListeners: 10,
size: 107288,
path: 'd:\\temp\\2660f9338a4a8271158fda7d81533859',
name: '0002.JPG',
type: 'image/jpeg',
hash: false,
lastModifiedDate: Wed Mar 27 2013 22:03:01 GMT+0900 (東京 (標準時)),
_writeStream: [Object] } } }
About to route a request for /upload
Request handler 'upload' was called.
./0002.JPG
Request for /favicon.ico received.
Request for RequestString = [object Object] received.
received upload:
{ get: {}, post: {}, file: {} }
About to route a request for /favicon.ico
No request handler found for /favicon.ico
画面
初期画面
POSTデータ、ファイルを設定
submit完了
アップロードを確認
最終更新：2013年03月27日 22:12
