下面代码，全部都是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. task10-14

    [说明]今天白天有事外出了,晚上会图书馆做了下面的任务,时间有点紧,好多没完成,明天要补上今天的! 一:今日完成 10.插入10条数据,查看有索引和无索引的情况下,Sql语句执行的效率 1)插入数据时 ...

  2. 替换jar包内指定的文件

    用Java jar 工具来替换. ① jar uvf test.jar test.class 把test.class 直接添加到jar包的根目录,也就是替换到根目录文件. ②jar uvf test. ...

  3. 在函数中如何获取 线程对象、线程唯一ID

    threading.current_thread() threading.current_thread().ident

  4. docker 存储定义成direct-lvm 模式

    配置direct-lvm模式 1.  停止Docker systemctl stop docker 2.  安装依赖包 device-mapper-persistent-data,lvm2, and ...

  5. Symfony 上传图片教程

    介绍:我使用的Bundle:"vich/uploader-bundle": "^1.4"; "liip/imagine-bundle": & ...

  6. 有关java之反射的使用

    1 public class Demo02 { 2 @SuppressWarnings("all") 3 public static void main(String[] args ...

  7. Gem简介

    Rubyems:简称gems是一个用于对rails组建近些年个打包的ruby打包系统,它提供了一个分发ruby程序喝库的标准格式,还提供了一个管理程序包的工具.Rubyems的功能类似于linux下的 ...

  8. html5 说明

    # 客户端储存历程 远古时期 cookies的用法和缺陷 userdata   HTML5时代 localstorage application cache 离线缓存 indexedeDB 客户端数据 ...

  9. Tomcat的Server.xml虚拟主机和虚拟目录的配置

    以前开发JavaEE网站都布置在Tomcat下,布置目录一般为$CATALINA_HOME/webapps/WebName,所以要访问网站,则在http://localhost后必须要加上上下文路径( ...

  10. Data Structure Array: Maximum circular subarray sum

    http://www.geeksforgeeks.org/maximum-contiguous-circular-sum/ #include <iostream> #include < ...