发布于 2015-12-01 02:55:13 | 573 次阅读 | 评论: 0 | 来源: PHPERZ

这里有新鲜出炉的Node.js教程,程序狗速度看过来!

Node.js 服务器端的JavaScript

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞I/O 模型变得轻量和高效, 非常适合 运行在分布式设备 的 数据密集型 的实时应用


需求

最近在项目中遇到这样一个需求:上传和下载文件。具体情景如下:

A上传一份任务文件(文件类型不限)到网站上,B看到后下载文件,按照文件里的要求完成任务之后,B要把任务完成情况汇总到一个Excel文档中,上传到网站上(此时只能上传xls格式的excel文档),然后网站在后台对这份Excel文档的数据进行处理,生成一份新的Excel文档。

由于该项目是基于Node.js开发,所以,如何实现文件的上传下载功能呢?

实现

思路

  • 编写form表单页面

  • 引入formidable,解析表单数据

  • 编写业务逻辑函数

编写form表单页面

<!DOCTYPE html>
<html>
<head>
    <title>node.js实现表单上传与下载文件</title>
</head>
<body>
  <form action="/fileupload" method="post" enctype='multipart/form-data'  onsubmit="return checkTask(this)">
    <label for="resource">上传文档</label>
    <input type="file" id="resource" name="resource">
    <button type="submit">新建任务</button>
  </form>

  <a href="download/kkk">下载文件</a>
</body>
</html>

<form>标签中 enctype="multipart/form-data" 作用是设置表单的MIME编码。
默认情况,这个编码格式是application/x-www-form-urlencoded,不能用于文件上传;只有使用了multipart/form-data,才能完整的传递文件数据。
enctype="multipart/form-data" 是上传二进制数据,form里面的input的值以2进制的方式传过去,所以request就得不到值了。

因此,我们要引入node.js的一个外部模块:formidable,对表单数据进行解析。

引入formidable,解析表单数据

通过npm引入formidable,npm上formidable的描述为:

A node.js module for parsing form data, especially file uploads.

  • 方式一:通过node命令引入:

npm install formidable
  • 方式二:编辑项目工程里的package.json文件:

{
  "name": "appname",
  "virsion": "0.0.1",
  "dependencies": {
    "express": "~4.8.8",
    "formidable": "1.0.14"
  }
}

执行node命令安装模块

npm install

编写业务逻辑函数

1.upload函数

新建一个文件:file.js

var formidable = require('formidable');
var fs = require('fs');  //node.js核心的文件处理模块

exports.upload = function(req, res, next){
  var message = '';
  var form = new formidable.IncomingForm();   //创建上传表单
    form.encoding = 'utf-8';        //设置编辑
    form.uploadDir = 'public/upload/';     //设置上传目录
    form.keepExtensions = true;     //保留后缀
    form.maxFieldsSize = 2 * 1024 * 1024;   //文件大小
  
  form.parse(req, function(err, fields, files) {
    if (err) {
      console.log(err);
    }  

    var filename = files.resource.name;

    // 对文件名进行处理,以应对上传同名文件的情况
      var nameArray = filename.split('.');
      var type = nameArray[nameArray.length-1];
      var name = '';
      for(var i=0; i<nameArray.length-1; i++){
          name = name + nameArray[i];
      }
      var rand = Math.random()*100 + 900;
      var num = parseInt(rand, 10);

      var avatarName = name + num +  '.' + type;

    var newPath = form.uploadDir + avatarName ;
    fs.renameSync(files.resource.path, newPath);  //重命名
  });
};

没有意外的话,文件就上传成功了。

2.download函数

在file.js文件代码末端加入:

exports.download = function(req, res){
  var path = 'public/upload/file.txt';  // 文件存储的路径

  // filename:设置下载时文件的文件名,可不填,则为原名称
  res.download(filepath, filename); 
};

因为该项目应用了Express(一个基于node.js的Web开发框架),其对request,response对象进行了封装,所以可以直接调用封装好了的res对象的download方法,来下载文件。

接下来,在路由控制文件route.js里加入代码:

var file = require("file.js");  //此时,route.js与file.js处于同个目录下

app.post('/fileupload', file.upload);
app.get('/download/:id', file.download);  //结合表单页面的<a>标签,里面的kkk是指该文件的id

因为express进行了路由控制,不是像php,asp原生那样请求路径对应于文件路径。除了static资源,其它的请求路径都要配置。所以,在上面针对上传和下载都配置了对应的路由规则。

这样下来,文件的上传和下载功能基本实现,具体的扩展和修改看根据项目具体的需求来调整。



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务