下面代码，全部都是nodejs端的，不用客户端代码。也就是，选择图片的form表单以及上传完毕预览图片的html，都是由node服务端输出的。

1 启动代码：（node upload.js）

var server = require("upload/server");

var router = require("upload/router");

var requestHandlers = require("upload/requestHandlers");

var handle = {}

handle["/"] = requestHandlers.start;

handle["/start"] = requestHandlers.start;

handle["/upload"] = requestHandlers.upload;

handle["/show"] = requestHandlers.show;

server.start(router.route, handle);

2 自己封装成upload模块，也就是在node_modules文件夹下有一个upload文件夹。该文件夹下有3个文件，分别如下：

requestHandlers.js

var querystring = require("querystring"),

    fs = require("fs"),

    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" multiple="multiple">'+

        '<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 = "F:\\nodeTemp\\upload";

    console.log("about to parse1");

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

        console.log("parsing done");

        console.log(files.upload.path);

        fs.renameSync(files.upload.path, "F:\\nodeTemp\\upload\\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("F:\\nodeTemp\\upload\\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;

router.js

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

    console.log("About to route a request for " + pathname);

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

        handle[pathname](response, request);

    } else {

        console.log("No request handler found for " + pathname);

        response.writeHead(404, {"Content-Type": "text/html"});

        response.write("404 Not found");

        response.end();

    }

}

exports.route = route;

server.js

var http = require("http");

var url = require("url");

function start(route, handle) {

  function onRequest(request, response) {

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

    console.log("Request for " + pathname + " received.");

    route(handle, pathname, response, request);

  }

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

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

}

exports.start = start;

3 这个上传图片，是依赖formidable模块的，所以，需要提前通过npm安装好该模块。

4 还有，这个上传图片，要自己先建立一个文件夹来存放图片。建好之后，把“F:\\nodeTemp\\upload\\test.png”替换就行。

原文：http://www.cnblogs.com/EricaMIN1987_IT/p/3640450.html

我根据自己的理解，改动了下。

可参考：

http://www.cnblogs.com/thingk/archive/2013/11/25/3434032.html

nodejs 上传图片(服务端输出全部代码)的更多相关文章

  1. 示例 - 25行代码等价实现 - 借助Nodejs在服务端使用jQuery采集17173游戏排行信息

    今天在园子里看到一篇文章: 借助Nodejs在服务端使用jQuery采集17173游戏排行信息 感觉用SS来实现相同功能更加简洁, 于是写了一下, 发现25行代码就搞定了 (包括自动翻页), 于是跟大 ...

  2. 借助Nodejs在服务端使用jQuery采集17173游戏排行信息

    Nodejs相关依赖模块介绍 Nodejs的优势这里就不做介绍啦,这年头相信大家对它也不陌生了.这里主要介绍一下用到的第三方模块. async:js代码中到处都是异步回调,很多时候我们需要做同步处理, ...

  3. TCP通信服务端及客户端代码

    Java TCP通信使用的是Socket(客服端)和ServerSocket(服务端),具体代码如下. server端代码: import java.io.BufferedReader; import ...

  4. nodejs实现服务端重定向

    nodejs实现服务端重定向:https://www.jianshu.com/p/5a1500fcd713

  5. vuejs+nodejs支持服务端渲染的博客系统

    感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前 ...

  6. socket模块实现基于UDP聊天模拟程序；socketserver模块实现服务端 socket客户端代码示例

    socket模块 serSocket.setblocking(False) 设置为非阻塞: #coding=utf-8 from socket import * import time # 用来存储所 ...

  7. 【Azure 应用服务】Azure Mobile App (NodeJS) 的服务端部署在App Service for Windows中出现404 Not Found -- The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

    问题描述 使用NodeJS的后端应用,开发一个Mobile App的服务端,手机端通过REST API来访问获取后端数据.在本地编译好后,通过npm start启动项目,访问效果如下: 但是,当把项目 ...

  8. nodejs 开发服务端 child_process 调试方法(1)

    由于最近正在做一个服务端项目,采用了nodejs引擎开发,主要是master-worker工作机制;主进程可以直接调试,但是子进程调试好像有点麻烦,我没有找到好的方法; worker这里,我分拆成了几 ...

  9. 微信小程序生成带参数的二维码（小程序码）独家asp.net的服务端c#完整代码

    一)我先用的小程序端的wx.request去调用API,发现竟然是一个坑! wx.request({ url: 'https://api.weixin.qq.com/wxa/getwxacodeunl ...

随机推荐

  1. SDOI2012 Round1 day2 象棋（chess）解题报告

    本题的难点是“移动过程中不能出现多颗棋子同时在某一格的情况”. 事实上,可以忽略此条件,因为棋子是相同的,我们可以用合法的等效方案替代一棋子越过另一棋子的情况:A.B.C三格,A能在一步走到B,B也能 ...

  2. 重载(overload)、覆盖(override)和隐藏(hide)

    写正题之前,先给出几个关键字的中英文对照,重载(overload),覆盖(override),隐藏(hide).在早期的C++书籍中,可能翻译的人不熟悉专业用语(也不能怪他们,他们不是搞计算机编程的, ...

  3. Linux显示网络相关信息

    netstat -tlun    查看本机监听的端口 netstat -an      查看本机所有的网络连接 netstat -rn      查看本机路由表 -t TCP协议 -u UDP协议 - ...

  4. JavaScript中的this用法

    最近看了许多JavaScript源代码,发现this经常出现,于是对this这个非常特殊的关键词标识符进行总结. 题外话: 1.当函数被调用时,一个activation record[过程活动记录 - ...

  5. Java并发之BlockingQueue

      一.Queue Queue是队列接口是 Collection的子接口.除了基本的 Collection操作外,队列还提供其他的插入.提取和检查操作.每个方法都存在两种形式:一种抛出异常(操作失败时 ...

  6. [原创]java WEB学习笔记42：带标签体的自定义标签，带父标签的自定义标签，el中自定义函数，自定义标签的小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  7. IAR 条件断点

    条件断点是IDE的一个重要功能,在IAR调试时候,经常跟踪一个数据,但是对较大的buffer,用普通的断点或live watch都不好跟踪. 比如某个buffer里一个数,我们知道他在第几个,但是却从 ...

  8. 20145229吴姗珊 《Java程序设计》第3周学习总结

    20145229吴姗珊 <Java程序设计>第3周学习总结 教材学习内容总结 第四章 认识对象 4.1类与对象 1.对象(Object):存在的具体实体,具有明确的状态和行为 2.类(Cl ...

  9. day4 内置函数 迭代器&生成器 yield总结 三元运算 闭包

    内置函数: 内置函数 # abs()返回一个数字的绝对值.如果给出复数,返回值就是该复数的模. b = -100 print(b) print(abs(b)) # all() 所有为真才为真,只要有一 ...

  10. Android电池驱动【转】

    本文转载自:http://blog.sina.com.cn/s/blog_66a6a5ec0100n6ej.html Android的电池的管理分为三个部分:Java部分,JNI部分以及kenel部分 ...