下面代码，全部都是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. pip源提示“not a trusted or secure host” 解决

    问题:The repository located at mirrors.aliyun.com is not a trusted or secure host and is being ignored ...

  2. iOS NSError HTTP错误码大全

    NSError codes in the Cocoa error domain. enum { NSFileNoSuchFileError = 4, NSFileLockingError = 255, ...

  3. Mac idea maven 创建web项目

    这样项目就创建完成了.然后把Tomcat加入进去就可以跑通了.

  4. Call method 的使用

    SAP学习日志---Call method 的使用 以及常见错误 转载▼   可以通过以下方法 call method 1. 进入全局类中 找到方法,拖到程序中 2. 使用pattern 中的 AAB ...

  5. Java实现微信网页授权

    开发前的准备: 1.需要有一个公众号(我这里用的测试号),拿到AppID和AppSecret: 2.进入公众号开发者中心页配置授权回调域名.具体位置:接口权限-网页服务-网页账号-网页授权获取用户基本 ...

  6. matlab 调用 python

    众所周知,Python凭借其众多的第三方模块,近年来被数据分析.机器学习.深度学习等爱好者所喜爱,最主要的是Python还是开源的.另一方面,MATLAB因其在仿真方面的独特优势也被众多人追捧.而在国 ...

  7. PHP实现今天是星期几的几种写法

    今天是星期几的写法有很多,本文整理了常用的三种. 代码如下:  // 第一种写法 $da = date("w");  if( $da == "1" ){  ec ...

  8. 基于事件驱动的前端通信框架（封装socket.io）

    socket.io的使用可以很轻松的实现websockets,兼容所有浏览器,提供实时的用户体验,并且为程序员提供客户端与服务端一致的编程体验.但是在使用socket.io的过程中,由于业务需求需要同 ...

  9. MySQL常用代码

    create database 数据库名 create table CeShi1( Uid varchar(50) primary key, Pwd varchar(50), Name varchar ...

  10. 3.16课·········C#小结

    //附加//C#源码,被C#编译器,编译成执念代码(IL)//int16=short.....±32000//int32=int.......±21亿//int64=long......±922亿亿3 ...