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文件中作出修改,分三步:

一、增加 handler["/xxx"] = xxx;

二、增加 function xxx(request, response){...};

三、增加 exports.xxx = xxx;

node.js表单——formidable的更多相关文章

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

    node.js表单--formidable   node处理表单请求,需要用到formidable包.安装formidable包的命令如下: npm install formidable 安装pack ...

  2. JS表单验证-12个常用的JS表单验证

    JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 <p>1. 长度 ...

  3. js 表单验证控制代码大全

    js表单验证控制代码大全 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长 ...

  4. js表单提交,面向对象

    一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 <input type=button name="submit1" value=&q ...

  5. jquery.validation.js 表单验证

    jquery.validation.js 表单验证   官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuer ...

  6. Jquery.validate.js表单验证插件的使用

    作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...

  7. angular js 表单验证

    <!doctype html> <html ng-app="myapp"> <head> <meta charset="UTF- ...

  8. JS表单验证类HTML代码实例

    以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮 ...

  9. js表单提交,判断文本框,用户名密码是否为空,JS表单检测!

    当表单提交时先触发验证的js代码,当验证表单的方法返回true时才会提交表单返回false则不提交数据<script type="text/javascript">fu ...

随机推荐

  1. Java一步一步构建web系统 在IDEA下用Maven搭建多模块项目

    1.需求 做一个项目会有很多模块,主要是方便复用,通过各个模块之间聚合.模块也可以独立出来,如公用类库,也可以在做其它项目中使用.该文的实例会有两个模块:分别为dallin-web模块,dallin- ...

  2. Java基础学习 -- Java(OOP)程序的设计原则

    避免代码复制.解决方案:函数.父类: 封装.尽量private每个类的成员变量,用操作封装数据,减少类与类之间成员变量的直接调用,而是调用method,降低耦合: 可扩展性最大化.尽量使用框架+数据的 ...

  3. hybird之web动态换肤实现

    前言 最近在重构个hybird(原生的壳包着Web页面)的UI框架,进行到了做换肤功能的阶段,所以这里是我思考的解决的方法. 预想 目前实现换肤的功能无非就两种做法. 1.写几个皮肤文件,然后切换使用 ...

  4. delphi 事件和属性的绑定

    TWindowState = (wsNormal, wsMinimized, wsMaximized); TScrollingWinControl = class(TWinControl) priva ...

  5. iOS上new Date出现Invalid Date的问题,

    用angular的ngModel绑定time的时候,在安卓调试没问题,没想到在iOS上出现了NaN:NaN,后台丢过来的数据大概是这样的2016-03-08 20:14 然而问题就出在这个分隔符&qu ...

  6. 关于sharepoint2013的SPUtility.GetGenericSetupPath()方法过期解决办法

    有个时候需要读取layouts下的xml文件,因此需要知道路径,以前在SP2010用的SPUtility.GetGenericSetupPath()方法获取.现在SP2013提示过期否决 看2个结构分 ...

  7. Android 尺寸单位转换和屏幕适配相关

    Android 尺寸单位转换和屏幕适配相关 各种尺寸单位的意义 dp: Density-independent Pixels 一个抽象的单元,基于屏幕的物理密度. (dp和dip的意义相同,所以不用区 ...

  8. Jquery分页功能

    Jquery代码 /// <reference path="jquery-1.9.1-vsdoc.js" />//锚点var anchor="#apage&q ...

  9. static和extern对函数的作用

  10. 【读书笔记】iOS网络-同步请求,队列式异步请求,异步请求的区别

    一,同步请求的最佳实践. 1,只在后台过程中使用同步请求,除非确定访问的是本地文件资源,否则请不要在主线程上使用. 2,只有在知道返回的数据不会超出应用的内存时才使用同步请求.记住,整个响应体都会位于 ...