1.代码:

1-1: 入口文件: index.js

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

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

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

 var handle        = {};

 handle["/"]       = requestHandlers.start;

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

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

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

 server.start(router.route, handle);

1-2: 服务器文件: server.js

 var http = require("http");

 var url = require("url");

 function start(route, handle){

     http.createServer(function(request, response) {

         // console.log(url.parse(request.url));

         // console.log(url.parse(request.url).query);

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

         console.log('request for [' +pathname+ "] received.");

         //接收请求数据:

         // var postData = "";

         // request.setEncoding("utf8");

         // request.on("data", function(chunk){

         //     postData += chunk;

         //     console.log("Received POST data chunk '" +chunk+"'");

         // });

         // request.on("end", function(){

         //     route(handle, pathname, response, postData);

         // });

         route(handle, pathname, response, request);

     }).listen(8888);

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

 }

 exports.start = start;

1-3: 路由文件: 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/plain"});

         response.write("404 Not found");

         response.end();

     }

 }

 exports.route = route;

1-4: 请求处理程序: requestHandles.js

 var querystring = require("querystring");

 var url = require("url");

 var fs = require("fs");

 var 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.");

33     var form = new formidable.IncomingForm();

     console.log("about to parse");

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

           console.log("parsing done");

           var uploadDir = "C:/Users/dc5yy/Desktop/upload/";

           fs.renameSync(files.upload.path, uploadDir + files.upload.name);

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

           response.write("received image:<br />");

43           response.write("<img width='400px' src='/show?filename=" +files.upload.name+ "' />");

           response.end();

     });

 }

 function show(response, request){

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

     var uploadDir = "C:/Users/dc5yy/Desktop/upload/";

54     var filename = uploadDir + url.parse(request.url, true).query.filename;

     console.log(filename);

56     fs.readFile(filename, "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/jpg"});

             response.write(file, "binary");

             response.end();

         }

     });

 }

 exports.start  = start;

 exports.upload = upload;

 exports.show   = show;

2. 运行:

2-1: 上传文件目录:

2-2: 开启服务器:

2-3: 上传图片:

选择一张图片:

结果:

查看 上传目录:

3.参考链接:

　　　　node入门

　　　网盘下载: 提取密码:1wma

nodejs - 1)上传图片 ,并显示 , 2)模块 formidable的更多相关文章

  1. NodeJS学习笔记之Connect中间件模块（一）

    NodeJS学习笔记之Connect中间件模块(一) http://www.jb51.net/article/60430.htm NodeJS学习笔记之Connect中间件模块(二) http://w ...

  2. Nodejs学习笔记（三）--- 模块

    目录 简介及资料 自定义模块 创建一个自定义模块 调用自定义模块 exports和module.exports 区别 exports和module.exports 覆盖 其它... 简介及资料 通过N ...

  3. NodeJS笔记（二）- 修改模块默认保存路径

    参考:nodejs prefix(全局)和cache(缓存)windows下设置 假设nodejs根目录为“D:\nodejs” 如下所示,新建“node_cache”文件夹用来存放全局缓存 该路径下 ...

  4. Js实现input上传图片并显示缩略图

    用这个方法就可以很方便快捷的实现上传图片并显示缩略图的效果: FileReader 的 readAsDataURL() 先创建一个img标签,再用 fileReader 把input文件的赋值到img ...

  5. Nodejs学习笔记（三）—模块

    简介及资料 通过Node.js的官方API可以看到Node.js本身提供了很多核心模块 http://nodejs.org/api/ ,这些核心模块被编译成二进制文件,可以require('模块名') ...

  6. 【转】Nodejs学习笔记（二）--- 模块

    目录 简介及资料 自定义模块 创建一个自定义模块 调用自定义模块 exports和module.exports 区别 exports和module.exports 覆盖 其它... 简介及资料 通过N ...

  7. nodeJs学习-06 模块化、系统模块、自定义模块、express框架

    系统模块:http://nodejs.cn/api/events.html 自定义模块: require   请求:引入模块 module    模块:批量输出 exports   输出:单独输出   ...

  8. COS上传图片和显示图片

    写这篇文章之前,我也是刚刚实现COS上传和显示图片.我百度了好多相关文章,COS上传图片成功的文章不少,上传后显示图片的文章几乎没有.于是写一篇记录下. COS上传图片推荐链接:https://blo ...

  9. nodejs上传图片并显示的例子

    目标 1. 在浏览器地址栏输入“http://demos/start”,进入欢迎页面,页面有一个文件上传表单: 2. 选择一张图片并提交表单,文件被上传到"http://demos/uplo ...

随机推荐

  1. 精练代码：一次Java函数式编程的重构之旅

    摘要:通过一次并发处理数据集的Java代码重构之旅,展示函数式编程如何使得代码更加精练. 难度:中级 基础知识 在开始之前,了解"高阶函数"和"泛型"这两个概念 ...

  2. 【做题】SDOI2017苹果树——dfs序的运用

    原文链接 https://www.cnblogs.com/cly-none/p/9845046.html 题意:给出一棵\(n\)个结点的树,在第\(i\)个结点上有\(a_i\)个权值为\(v_i\ ...

  3. Unity_3DText文字显示模糊怎么办

    在unity3d中创建一个3d text文字对象模型,但是发现默认情况下显示的文字很模糊,这种情况我们可以通过放大字体尺寸的方式解决这个问题,然后通过缩放的方式改变其大小. 1.打开unity3d场景 ...

  4. Linux服务器超简单安装Python3环境、Ipython、Jupyter、virtualenv、virtualenvwrapper教程全在这了

    一.网卡配置 vim /etc/sysconfig/network-scripts/ifcfg-ens33 ONBOOT='yes' 二.更换Linux语言环境 1.修改配置文件 vim /etc/l ...

  5. memcpy的函数

    网新恒天2014校园招聘笔试编程题 已知memcpy的函数为: void* memcpy(void *dest , const void* src , size_t count)其中dest是目的指针 ...

  6. 基于 arduino 的低功耗无线传感结点设计

    发送端 仿真图: *仿真图中使用使用TMP传感器(LM34)代替实际使用的DHT11传感器. 连接方式: DHT11的正极(VCC)与5V电源接口连接 DHT11的负极(GND)与GND连接 DHT1 ...

  7. js Array​.prototype​.reduce()

    例子: , , , ]; const reducer = (accumulator, currentValue) => accumulator + currentValue; // 1 + 2 ...

  8. 第 8 章 容器网络 - 068 - 分析 Calico 的网络结构

    分析 Calico 的网络结构 在 host1 中运行容器 bbox1 并连接到 cal_net1: docker container run --network cal_net1 --name bb ...

  9. 【文献07】基于MPC的WMR点镇定-极坐标系下和轨迹跟踪

    参考: Kuhne F , Lages W , Silva J D . Point stabilization of mobile robots with nonlinear model predic ...

  10. jTimer

      很多时候我们需要按时间间隔执行一个任务,当满足一定条件时停止执行.此插件旨在解决这一经常遇到的问题. jTimer: (function ($) { $.extend({ timer: funct ...