node.js表单——formidable/////z

时间 2019-11-15

标签 node.js node 表单 formidable 栏目 Node.js 繁體版

原文原文链接

node.js表单——formidable

node处理表单请求，须要用到formidable包。安装formidable包的命令以下：

npm install formidable

安装package的路径分为两种，一种是本地目录，一种是全局目录。

npm install xxx -g 命令将模块下载安装到全局目录中。

全局目录能够经过 npm config set prefix "目录路径" 来设置。

经过 npm config get prefix 来获取当前设置的目录。

npm install xxx ，则是将模块下载到当前命令行所在目录。

关于package安装路径的说明网上是像上面那样说的，但我不执行全局安装的时候，formidable被安装在了用户主目录/home/用户名/node_modules下面，而不是安装在命令行所在目录，我用的ubuntu版本是14.04，缘由不太清楚。安装在本里目录和全局目录到底哪一个好，我认为各有优点。这里就不赘述了。

安装完formidable以后，一个标准的node project，应该有一个index.js文件，用于定义怎么处理来自浏览器的request，index.js代码以下:

var http = require("http");//获取http对象
var url = require("url");//获取url对象
//http、url都是系统自带的模块，而下面的requestHandlers是咱们手动编写的模块，对应当前目录下的requestHandlers.js文件
var requestHandlers = require("./requestHandlers");

//onRequest函数，用于处理http请求，不一样的url请求交由不一样的函数进行处理
function onRequest(request, response){
    var pathname = url.parse(request.url).pathname;//获取请求的URL

    //requestHandlers的handle属性又是一个对象，该对象包含多组属性：属性值，属性名对应uri，属性值对应处理函数，详见requestHandlers.js
    if(typeof requestHandlers.handle[pathname] === "function")
        requestHandlers.handle[pathname](request, response);
    else {
        console.log("No request handler found for " + pathname);
        response.writeHead(404, {"Content-Type": "text/html;charset=utf-8"});
        response.write("您访问的页面不存在！访问<a href='/'>首页</a>");
        response.end();
    }
}

var server = http.createServer(onRequest);//函数onRequest做为createServer的参数，这样浏览器每发送一次请求，服务器中该函数都会被调用一次
server.listen(8888);
//上面两句能够合写成http.createServer(onRequest).listen(8888);

上面这段代码几乎能够成为大部分node项目的index的模板，有改动也不会很大，若是给应用增长功能，只须要更改后面的requestHandlers.js文件。之前上学时老师讲的一个基本node应用分为index.js、server.js、router.js和requestHandlers.js四个部分，而server.js和router.js的代码历来都是不须要改变的，能够应用到任何一个项目，后来我发现其实前三个部分能够整合到一块儿，因而本身琢磨了一下写出了上面那个index.js，后来发现整合以后其实还好理解一点。

下面贴出requestHandlers.js的代码：

var handle = {};
var formidable = require("formidable");

handle["/"] = start;
handle["/start"] = start;
handle["/upload"] = upload;

function start(request, response) {
  var body = '<html>'+
    '<head>'+
    '<meta http-equiv="Content-Type" content="text/html; '+
    'charset=UTF-8" />'+
    '</head>'+
    '<body>'+
    '<form action="/upload" method="post">'+
    '学号：<input type="text" name="id" /><br /><br />'+
    '姓名：<input type="text" name="name" /><br /><br />'+
    '<input type="submit" value="提交" />'+
    '</form>'+
    '</body>'+
    '</html>';
    response.writeHead(200, {"Content-Type": "text/html"});
    response.write(body);
    response.end();
}

function upload(request, response) {
    var form = new formidable.IncomingForm();
    form.parse(request, function(error, fields, files) {
    console.log("id:" + fields.id);
    console.log("name:" + fields.name);
    response.writeHead(200, {"Content-Type": "text/html;charset=utf-8"});
    response.write("id:" + fields.id + "<br>");
    response.write("name:" + fields.name);
    response.end();
    });
}

exports.handle = handle;
exports.start = start;
exports.upload = upload;

上面演示了一个form表单提交后，从form表单中提取信息的例子。其中handle是一个对象，包含多组属性和属性值，属性名对应url，属性值对应处理函数，即请求的url与函数是一一对应的，浏览器每发送一个请求，服务器分析出请求的url，并用handle中名为该url的属性的值所对应的函数来处理该请求。好比，浏览器发送了一个请求，uri为/upload,服务器查找到handler中，handler["/upload"] = upload，就会调用upload函数来处理该请求。模块中全部可能会被外部文件调用属性、函数都须要使用exports命令导出，如requestHandlers.js的结尾部分。因此，若是增长功能时，页面上增长了一个连接或表单之类的请求/xxx，则一般须要在requestHandlers.js文件中做出修改，分三步：

1、增长 handler["/xxx"] = xxx;

2、增长 function xxx(request, response){...};

3、增长 exports.xxx = xxx;