上节我们把服务器、路由和请求处理程序结合在一起了，下面就编写一个具体的 web 应用。

上传图片的 web 应用

服务器模块（server.js）

var http = require('http');

var url = require('url');

function start(route, handler) {

    function onRequest(request, response) {

        var pathname = url.parse(request.url).pathname;

        console.log('Request ' + pathname + ' received.');

        route(handler, pathname, response, request);

    }

    http.createServer(onRequest).listen(8888);

    console.log('Server has started.');

}

exports.start = start;

路由模块（route.js）

function route(handler, pathname, response, request) {

    console.log('Route a request for ' + pathname);

    if (typeof handler[pathname] === 'function') {

        handler[pathname](response, request);

    } 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'),

    fs = require('fs'),

    formidable = require('formidable');  // 如果 formidable 模块是全局安装，只能绝对路径调用，如果本地安装，require(formidable)

function start(response) {

    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" enctype="multipart/form-data" method="post">' +

        '<input type="file" name="upload">' +

        '<input type="submit" value="Upload file">' +

        '</form>' +

        '</body>' +

        '</html>';

    response.writeHead(200, {

        'Content-Type': 'text/html'

    });

    response.write(body);

    response.end();

}

function upload(response, request) {

    console.log('Request handler "upload" was called.');

    var form = new formidable.IncomingForm();

    form.uploadDir = 'tmp';

    form.parse(request, function(error, fields, files) {

        console.log('parsing done');

        fs.renameSync(files.upload.path, './tmp/test.png');

        response.writeHead(200, {

            'Content-Type': 'text/html'

        });

        response.write('Received image:<br>');

        response.write('<img src="/show">');

        response.end();

    });

}

function show(response) {

    console.log('Request handler "show" was called.');

    fs.readFile('./tmp/test.png', 'binary', function(error, file) {

        if (error) {

            response.writeHead(500, {

                'Content-Type': 'text/plain'

            });

            response.write(error + '\n');

            response.end();

        } else {

            response.writeHead(200, {

                'Content-Type': 'image/png'

            });

            response.write(file, 'binary');

            response.end();

        }

    });

}

exports.start = start;

exports.upload = upload;

exports.show = show;

主文件（index.js）

var server = require('./server');

var route = require('./route');

var requestHandlers = require('./requestHandlers');

var handler = {};

handler['/'] = requestHandlers.start;

handler['/start'] = requestHandlers.start;

handler['/upload'] = requestHandlers.upload;

handler['/show'] = requestHandlers.show;

server.start(route.route, handler);

打开终端，启动服务器 node index，浏览器输入 http://localhost:8888/start，上传图片功能就可以使用了。选择一张本地图片，将其上传到服务器，然后浏览器就会显示该图片。

【nodejs】初识 NodeJS（四）的更多相关文章

  1. 前端笔记之NodeJS（一）初识NodeJS&内置模块&特点

    一.NodeJS简介 NodeJS是开发服务器后台的东西,和PHP.JavaEE.python类似,和传统的浏览器的关注DOM的JS完全不同,将JavaScript触角伸到了服务器端.内核是Chrom ...

  2. nodejs取参四种方法req.body,req.params,req.param,req.body

    摘要: nodejs取参四种方法req.body,req.params,req.param,req.body 获取请求很中的参数是每个web后台处理的必经之路,nodejs提供了四种方法来实现. 获取 ...

  3. 67.nodejs取参四种方法req.body,req.params,req.param,req.body

    转自:http://www.cnblogs.com/jkingdom/p/8065202.html 摘要: nodejs取参四种方法req.body,req.params,req.param,req. ...

  4. 初识NodeJS，一个基于GoogleV8引擎的Javascript运行环境

    思考 首先我们来思考一个问题:我们都知道几乎所有现代主流浏览器都全面支持了ECMAScript 5.1版标准,而JavaScript的标准是ECMAScript.那么我们就容易认为JavaScript ...

  5. java程序员的NodeJS初识篇

    摘要 作为一个一直用java来写后端的程序员用NodeJS来写后台,实在不是很爽.这里记下这两个月的NodeJS学习所遇之坑,与java转NodeJS的同仁共勉.学习时间不长,若有理解错误,望指正. ...

  6. NodeJs学习一NodeJs初识

    一.前言 按照惯例,先扯淡,就因为这货,现在才有了各大公司招聘的全栈工程师,正是因为它,让以前只会写前端的人也能写起后端服务器代码来了.所以呢,你招一个会NodeJs的前端,它都能把后端干了,一个人干 ...

  7. nodejs取参四种方法 req.body, req.params, req.param, req.body

    获取请求很中的参数是每个web后台处理的必经之路,nodejs的 express框架 提供了四种方法来实现. req.body req.query req.params req.param() 首先介 ...

  8. 初识NodeJS

    1.JavaScript 模块化规范 浏览器环境 AMD Asynchronous Module Definition RequireJS CMD Common Module Definition S ...

  9. NodeJS入门（四）—— path对象

    很快Node就会迎来4.0的时代,届时将并入现有的iojs,所以先前写过的iojs入门系列直接更名为NodeJS入门. 本篇开始将逐个介绍Node的各主要模块,依循API文档走一遍,但会给出比API文 ...

随机推荐

  1. jquery 1.7.2源码解析（二）构造jquery对象

    构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符 ...

  2. 2154 杭电 数学规律 ACM

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=2154 很简单的找规律的数学题目: 思路:因为挑完N次后都要跳回A,所以相当于挑N-1次后必须留在B C区域 ...

  3. IDEA 配置datasource，提升编码效率，让你在 Mapper.xml 中编写sql可以飞起来~

    IDEA 2018 创建springboot工程后,如果你打开一个.sql文件,或者一个mybatis的mapper.xml文件,会提示: No data source are configured ...

  4. 基于socket构造c/s 架构软件

    1.socket作用 socket层介于应用层和传输层之间,它起着连接应用层和传输层的功能,同时它能连接应用层和网络层. socket把复杂的tcp/ip协议隐藏在socket接口后面,对用户来说,一 ...

  5. Source map error

    前端访问接口时火狐浏览器控制台出现了这个问题, source map文件是js文件压缩后,文件的变量名替换对应.变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下. 比如压 ...

  6. linux中查看 php.ini 的存放位置

    查找php.ini的存放位置: 方法一: php --ini 所列出的结果中: Loaded Configuration File 即为 php.ini 所存放的位置  方法二: php -i | g ...

  7. PAT Basic 1009

    1009 说反话 (20 分) 给定一句英语,要求你编写程序,将句中所有单词的顺序颠倒输出. 输入格式: 测试输入包含一个测试用例,在一行内给出总长度不超过 80 的字符串.字符串由若干单词和若干空格 ...

  8. Compile groovy mixed with java in Maven

    Assuming that groovy codes are in src/main/groovy and java codes are in src/main/java. We can use 2 ...

  9. ngClass指令3种使用

    CSS代码:1 .strike { text-decoration: line-through; } .bold { font-weight: bold; } .red { color: red; } ...

  10. 通过脚本调用MSBuild编译项目时指定Configuration(解決方案配置)和Platform(解決方案平台),Rebuid(重新生成解决方案),Clean(清理解决方案)

    为了方便打包测试,自己PowerShell写了一个编译和发布的脚本,调用msbuild通过命令行来编译当前解决方案 后来发现一个问题,用VS编译解决方案,我通过 项目属性-Build设置 Releas ...