Node上传文件、文件夹(八)

果子爸聊技术 2017-12-19 15:21:03 ⋅ 181 阅读
每当我们看完文档总会有种错觉,这特么太简单了,是我智商所属范围么!!!

但是当我们开始写bug的时候,没错就是你的病情,说你呢


是时候来点非概念的了,否则热心满满的观众就不乐意了。

目标:
上传文件、文件夹
给你三秒钟,思考下可能用到哪些知识点
前期准备

1.1 整体流程

1. index.js模块: 程序入口, 有服务器(server.js)和路由(route.js)和处理(handler.js)模块组成; 2. server.js模块: 专门处理不同路由, 并做相应的处理; 3. route.js模块: 请求的地址, 处理方法, 响应, 请求; 4. handler.js模块: 封装不同的方法,交由路由route.js模块来选择调用; 5. HTML文件: 存在HTML文件; 6. package.json模块: CommonJS规定的规范;

我想这个不同于理论的实践,会慢慢为接下来打下坚实的基础的。

1.2 模块包
formidable是一个用于处理文件、图片、视频等数据上传的模块,支持GB级上传数据处理,支持多种客户端数据提交。有极高的测试覆盖率,非常适合在生产环境中使用。
npm配置安装

npm install formidable@latest 

util是一个Node.js核心模块,util模块设计的主要目的是为了满足Node内部API的需求。其中包括:格式化字符串、对象的序列化、实现对象继承等常用方法。要使用util模块中的方法,只需require('util')引入即可。

1.3 package.json文件

package.json:定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块.

1. scripts指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。 2. dependencies字段指定了项目运行所依赖的模块; 3. devDependencies指定项目开发所需要的模块。

指定版本:比如1.2.2,遵循“大版本.次要版本.小版本”的格式规定,安装时只安装指定版本。 波浪号(tilde)+指定版本:比如~1.2.2,表示安装1.2.x的最新版本(不低于1.2.2),但是不安装1.3.x,也就是说安装时不改变大版本号和次要版本号。 插入号(caret)+指定版本:比如ˆ1.2.2,表示安装1.x.x的最新版本(不低于1.2.2),但是不安装2.x.x,也就是说安装时不改变大版本号。 需要注意的是,如果大版本号为0,则插入号的行为与波浪号相同,这是因为此时处于开发阶段,即使是次要版本号变动,也可能带来程序的不兼容。 latest:安装最新版本。

例子如下:

{
  "name": "upload",
  "version": "1.0.1",
  "description": "文件上传下载",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
 
  "author": "hhw",
  "license": "ISC"
  //依赖模块
   "dependencies": {
    "formidable":"formidable@1.0.17",

   },
}
第二部分 代码实现部分

2.1 服务器server.js代码实现

//引入http utl 模块
var http = require('http');
var url = require('url');

//程序入口, 选择路由, 并做相应的处理
function start(route, handler){
    //选择路由
    function onRequest(request, response) {
        //url.parse(): 输入 URL 字符串,返回一个对象。
        //对象中 pathname 所代表的路径
        var pathname = url.parse(request.url).pathname;
        route(pathname, handler, response, request);
    }
    //服务器对不同的路由做出不同的响应
    http.createServer(onRequest).listen(3000);
}
//导出接口
exports.start = start;

2.2 路由选择代码


//具体处理路由的功能模块
//请求的地址, 处理方法<upload download...>, 响应, 请求
function route(pathname, handler, response, request){
    //如果请求的方法是存在的函数就返回交给服务器处理
    if (typeof handler[pathname] === 'function'){
        return handler[pathname](request, response);
    } else{
        //否则返回404
        response.writeHead(404, {'Content-Type': 'text/html'});
        response.write('404 Not Found!');
        response.end();
    }
}
exports.route = route;

2.3 具体处理不同需求的代码实现
node-formidable

//解析字符串, fs模块, 格式化模块
var fs = require('fs'),
    formidable = require('formidable'),
    util = require('util'),
    http = require('http');

const path = require('path');


//程序入口展示HTML文件
function home(request, response){
//加载本地页面HTML
      fs.readFile('./index.html', function(err, data) {
      response.writeHead(200, {'Content-Type': 'text/html'});
        response.write(data);
        response.end();
      }); 
}

//formidable是一个用于处理文件、图片、视频等数据上传的模块,支持GB级上传数据处理,支持多种客户端数据提交。有极高的测试覆盖率,非常适合在生产环境中使用。
function uploads(request, response) {
    //form表单
    var form = new formidable.IncomingForm();
    //保留后缀
    form.keepExtensions = true;     
    form.encoding = 'utf-8';
    //上传的数据保存的路径
    form.uploadDir = './';
//该方法会转换请求中所包含的表单数据,callback会包含所有字段域和文件信息
  // fields 是普通表单数据 
  // files 是文件数据
   form.parse(request, function(err, fields, files) {
      response.writeHead(200, {'Content-type': 'text/plain'});
//上传文件的名称
      var filename = files.upload.name;
      var path = files.upload.path;
//更改名称
      fs.rename(path, form.uploadDir + filename);
//响应 格式化打印
      response.end(util.inspect(form));
    });
}

function show (response, request) {
    console.log('show module');
    fs.readFile ('/tmp/test.png ', 'binary', function (error, file) {
        if (error) {
            response.writeHead(200, {'Content-Type': 'text/html'});
            response.write(error);
            response.end();
        } else {
            response.writeHead(200, {'Content-Type': 'image/png'});
            response.write(file, 'binary');
            response.end();

        }
    });
}

function downloads(requset, response){
 //node官网图标
  var URL = "http://nodejs.cn/static/images/logos/nodejs-green.png";
  //request
  request
    .get(URL)
    //监听response
    .on('response', function(res) {
        console.log(res.statusCode); // 200 
        console.log(res.headers['content-type']); // 'image/png' 
        console.log(res.headers['content-length']);
        //打印接受的数据大小
        res.on('data', function(data){
            console.log('接受到数据' + data.length )
        })
      })
    //监听错误信息
    .on('error', function(error){
      consloe.log(error);
    })
    //以流的形式写入创建的test.png文件
    .pipe(fs.createWriteStream('test.png'));

  response.writeHead(200);
  response.write('请前往同级目录下查看下载内容');
  response.end();

}

exports.home = home;
exports.upload = uploads;

exports.download = downloads;

2.4 程序入口调用<待补充>

//引用模块
var server = require('./server');
var router = require('./router');
var handler = require('./handler');
var formidable = require('formidable');

//调用具体方法
var method = {};
method['/'] = handler.home;
method['/home'] = handler.home;
method['/upload'] = handler.upload;
//交给服务器模块处理
server.start(router.route, method);

2.5 首页中上传模块HTML文件 <待补充>



最早的HTTP协议中是不支持文件上传的,在1995年制定的rfc1867规范中,在HTTP POST请求的内容类型Content-Type
中扩展了multipart/form-data
类型,该类型用于向服务器发送二进制数据,以便支持文件的上传。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
//上传文件时需要通过enctype
属性将编码方式设置为multipart/form-data
    <form action="/upload", enctype="multipart/form-data" method="post">
        <input type="file" name="upload" multiple="multipart">
        <input type="submit" value="提888交">
    </form>

<form action="/download", enctype="multipart/form-data" method="get">
        <input type="submit" value='下载'>
    </form>
     
</body>
</html>
知道你需要Demo,请查看原文链接。-_-


欢迎转载、点赞。



全部评论: 0

    我有话说:

    Blob存储:SpringBoot实战之文件微软云(Azure Storage)

    文件到Azure Storage 的案例比较少,只能到官网去研究,并且也不一定拿来就可以使用。

    Syncthing 1.11.0 和 1.11.1 发布,连续文件同步工具

    Syncthing 是一个免费开源的工具,它能在你的各个网络计算机间同步文件/文件夹,它的同步数据是直接从一个系统中直接传输到另一个系统的,并且它是安全且私密的。 Syncthing 1

    Node模块之fs模块(六)

    屏幕快照 2017-08-08 上午10.53.21.png 第一部分 概述 Node.js 提供一组类似UNIX(POSIX)标准的文件操作API,Node.js中操作文件的模块是fs(File

    Node 模块之 util URL queryString path()

    第一部分 util util是一个Node.js核心模块,util模块设计的主要目的是为了满足Node内部API的需求。其中包括:格式化字符串、对象的序列化、实现对象继承等常用方法。要使用util

    FreeFileSync 11.3 发布,文件夹比较与同步软件

    FreeFileSync 11.3 已发布。这是一个文件夹比较和同步软件,可以创建和管理所有重要文件的备份副本。FreeFileSync 不是每次都复制每个文件,而是确定源文件夹与目标文件夹之间的

    FreeFileSync 11.4 发布,文件夹比较与同步软件

    FreeFileSync 11.4 已发布。这是一个文件夹比较和同步软件,可以创建和管理所有重要文件的备份副本.FreeFileSync 不是每次都复制每个文件,而是确定源文件夹与目标文件夹之间的

    FreeFileSync 11.5 发布,文件夹比较与同步软件

    FreeFileSync 11.5 已发布。这是一个文件夹比较和同步软件,可以创建和管理所有重要文件的备份副本.FreeFileSync 不是每次都复制每个文件,而是确定源文件夹与目标文件夹之间的

    Node实战篇:Express-session解析()

    Session和HTTP协议属于不同层面的事物,HTTP属于ISO七层模型的最高层应用层,前者Session不属于后者,前者HTTP是具体的动态页面技术来实现的,但同时它又是基于后者的。

    Node模块之Events模块(五)

    Node模块之Events模块(五)

    为什么要使用 Node.js?这几点你必须知道!

    经过这几年的发展,前端普遍进入了技术深水区,只会Web页面开发已经难以满足企业的需求,Node逐渐成为了刚性技能。 但Node在业务的使用还没有那么普及,有的时候想用老板还不同意,本文将从4个角度

    Nodejs视频服务器 切片ffmpeg

    Node 视频服务器 切片ffmpeg

    Node实战篇:Express--jade模板引擎(七)

    Jade(Pug) — Node Template Engine,一个高性能的模板引擎,专为 Node 而做......

    Node实战篇:阶段项目(九)

    项目整体预览 项目的github地址 界面逼格还行-_- 主要功能: 登陆; 退出; 所用的主要模块: express, 路由.静态文件.模块分工等; express-session, 采用

    Node实战篇:Express路由(三)

    Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。

    2018年8个技巧来构建更好的Node.js应用程序

    2018年8个技巧来构建更好的Node.js应用程序

    Nodejs 接入 公众号【逗比版】

    Nodejs 接入 公众号 需求:Boss: 我们要接入公众号,你看下文档对接下。Me: 🆗 然后,可能因为对腾讯的反感,加之网上对腾讯的吐槽,怀着愤世嫉俗的态度胡乱的找资源,看方案

    Node.js 实战篇--微信支付系列(二)

    一篇首先我们看一下整体微信小程序的开发流程图

    Node异步式I/O和异步式编程(三)

     Node.js 最大的特点就是异步式 I/O(或者非阻塞I/O)与事件紧密结合的编程模式。 第一部分: I/O 1.阻塞I/O与非阻塞I/O概念 1.1阻塞I/O(同步I/O) 线程在

    Node.js 实战篇--微信支付系列(一)

    真正的无知不是知识的贫乏, 而是拒绝获取知识!——波普尔 (哲学家 思想家)鉴于微信支付文档内容详实