下面代码，全部都是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. FineUIPro中如何支持多语言（全局资源文件和本地资源文件）

    一个客户在邮件中问到了FineUIPro的多语言实现问题,其实 FineUIPro 并没有对此做特殊处理,因此直接使用 ASP.NET 原生支持的资源文件就能实现. 下面我们就以FineUIPro的空 ...

  2. Cow Contest(传递闭包)

    Cow Contest Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 10450   Accepted: 5841 Desc ...

  3. 九度OJ 1188：约瑟夫环 （约瑟夫环）

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:1891 解决:817 题目描述: N个人围成一圈顺序编号,从1号开始按1.2.3......顺序报数,报p者退出圈外,其余的人再从1.2.3 ...

  4. LengthFieldBasedFrameDecoder 秒懂

    目录 写在前面 1.1.1. 解码器:FrameDecoder 1.1.1. 难点:自定义长度帧解码器 写在最后 疯狂创客圈 亿级流量 高并发IM 学习实战 疯狂创客圈 Java 分布式聊天室[ 亿级 ...

  5. IO密集型操作时，为什么线程比进程更好？

    在IO密集型的操作时,进程线程都不会太占用CPU,但是进程消耗的资源比较多.

  6. Symfony 安装FOUSerBundle

    第一按照官网安装 : https://symfony.com/doc/current/bundles/FOSUserBundle/index.html#main 可能版本无法安装 : $ compos ...

  7. JAVA中最方便的Unicode转换方法

    在命令行界面用native2ascii工具  1.将汉字转为Unicode:  C:\Program   Files\Java\jdk1.5.0_04\bin>native2ascii  测试 ...

  8. Data Structure Binary Tree: Iterative Postorder Traversal

    http://www.geeksforgeeks.org/iterative-postorder-traversal-using-stack/ #include <iostream> #i ...

  9. 《python基础教程（第二版）》学习笔记 基础部分（第1章）

    <python基础教程(第二版)>学习笔记 基础部分(第1章)python常用的IDE:Windows: IDLE(gui), Eclipse+PyDev; Python(command ...

  10. HDU 3954 Level up（多颗线段树+lazy操作）

    又是一开始觉得的水题,结果GG了好久的东西... 题意是给你n个英雄,每个英雄开始为1级经验为0,最多可以升到k级并且经验一直叠加,每一级都有一个经验值上限,达到就升级.接着给你两种操作:W li r ...