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. 洛谷P2820 局域网 （最小生成树）

    题目链接:https://www.luogu.org/problemnew/show/P2820 题目背景 某个局域网内有n(n<=100)台计算机,由于搭建局域网时工作人员的疏忽,现在局域网内 ...

  2. Solution about MB STAR C4, MB STAR C5 Update and can not test vehicles problems

    Solution about MB Star C4, MB Star C5 Update and can not test vehicles problems 1. Make sure your co ...

  3. pageUtil分页工具

    分页工具: https://www.cnblogs.com/ggq-insist-qiang/articles/10095603.html

  4. MIME类型解析

    MIME(Multipurpose Internet Mail Extensions)多用途网络邮件扩展类型,可被称为Media type或Content type, 它设定某种类型的文件当被浏览器打 ...

  5. Java基础学习-注释的概述和分类

    /*     注释:用于解释说明程序的文字          分类:             单行://             多行:/**/       作用:解释说明程序,提高程序的阅读性 */ ...

  6. Qt自定义阴影效果和QOpenGLWidget冲突导致控件不刷新

    Qt5.6.2版本存在这样一个问题(其它版本未测试),当main函数中设置了application.setAttribute(Qt::AA_NativeWindows)(用于使得每个子界面都可以获取w ...

  7. Linux修改磁盘挂载目录

    比如想把已经挂载在home目录上的硬盘挂载到data目录上, 如下操作 #df -h(查看分区情况及数据盘名称) # mkdir /data(如果没有data目录就创建,否则此步跳过) # umoun ...

  8. springboot使用@Schednled 注解实现定时任务

    part 1: @Component public class Scheduled { SimpleDateFormat dateFormat = new SimpleDateFormat(" ...

  9. Yarn 踩坑 ： ERROR: Cannot find configuration directory "/xxxx/xxxx/xxxxx/hadoop-x.x.x/conf"

    解决:在 yarn-env.sh 中,指定 YARN_CONF_DIR 为 hadoop 目录的 /etc/hadoop 在yarn-env.sh 中,配置: export YARN_CONF_DIR ...

  10. 20175317 《Java程序设计》第三周学习总结

    20175317 <Java程序设计>第三周学习总结 教材学习内容总结 第三周我学习了教材第四章的内容,了解了Java中的部分常用语句,学到了以下内容: 明白了什么是类,成员变量有哪些,什 ...