node实现文件上传、下载

文件上传和下载是项目中必不可少的功能，本文主要介绍如何使用node实现文件上传和下载。

node依赖包：express、formidable（请提前安装）

一、文件上传和下载

试过下载470M的文件，后台报ERR_FS_FILE_TOO_LARGE，超大文件可以看第二点。

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

module.exports = (app) => {
  // 文件上传
  app.post('/upload', async (req, res) => {
    var form = new formidable.IncomingForm();   // 创建上传表单
      form.encoding = 'utf-8';                  // 设置编辑
      form.uploadDir = 'public/upload/';        // 设置上传目录
      form.keepExtensions = true;               // 保留后缀
      form.maxFieldsSize = 2 * 1024 * 1024;     // 文件大小（默认20M）

    form.parse(req, function(err, fields, files) {
      if (err) {
        res.send({
          status: 201,
          message: err
        });
        return;
      };
      try {
        // 若文件流的键名为uplaodFile，则filename = files.uplaodFile.name
        var filename = files.file.name;
        // 对文件名进行处理，以应对上传同名文件的情况
        var nameArray = filename.split('.');
        var type = nameArray[nameArray.length-1];
        var name = '';
        for(var i=0; i {
    try {
      // 获取文件路径
      let filePath = path.join(__dirname,'../public/upload/' + req.query.name);
      // fs.readFile 和 fs.writeFile有内存限制问题，下载大文件时，会提示"ERR_FS_FILE_TOO_LARGE"，因此大文件采用createReadStream
      fs.readFile(filePath, (err, data) => {
        if (err) {
          res.send({
            status: 201,
            message: err
          });
          return;
        }
        // 获取文件大小
        const size = fs.statSync(filePath).size;
        res.writeHead(200, {
          // 告诉浏览器这是一个需要以附件形式下载的文件（浏览器下载的默认行为，前端可以从这个响应头中获取文件名：前端使用ajax请求下载的时候，后端若返回文件流，此时前端必须要设置文件名-主要是为了获取文件后缀，否则前端会默认为txt文件）
          'Content-Disposition': 'attachment; filename=' + encodeURIComponent(req.query.name),
          // 告诉浏览器是二进制文件，不要直接显示内容
          'Content-Type': 'application/octet-stream',
          // 下载文件大小
          'Content-Length': size,
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Headers': 'X-Requested-With',
          'Access-Control-Allow-Methods': 'PUT,POST,GET,DELETE,OPTIONS',
          //如果不暴露header，那就Refused to get unsafe header "Content-Disposition"
          "Access-Control-Expose-Headers":'Content-Disposition'
        });
        fs.createReadStream(filePath).pipe(res);
      })
    } catch (err) {
      res.send({
        status: 201,
        message: err
      })
      return;
    }
  })
}

二、大文件下载

试过下载10G文件，是正常的，但需要注意浏览器会崩溃

// 大文件下载
  app.get('/big/download', async (req, res) => {
    try {
      // 获取文件路径
      let filePath = path.join(__dirname,'../public/upload/' + req.query.name);
      // 获取文件大小
      const size = fs.statSync(filePath).size;
      res.writeHead(200, {
        // 告诉浏览器这是一个需要以附件形式下载的文件（浏览器下载的默认行为，前端可以从这个响应头中获取文件名：前端使用ajax请求下载的时候，后端若返回文件流，此时前端必须要设置文件名-主要是为了获取文件后缀，否则前端会默认为txt文件）
        'Content-Disposition': 'attachment; filename=' + encodeURIComponent(req.query.name),
        // 告诉浏览器是二进制文件，不要直接显示内容
        'Content-Type': 'application/octet-stream',
        // 下载文件大小
        'Content-Length': size,
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Headers': 'X-Requested-With',
        'Access-Control-Allow-Methods': 'PUT,POST,GET,DELETE,OPTIONS',
        //如果不暴露header，那就Refused to get unsafe header "Content-Disposition"
        "Access-Control-Expose-Headers":'Content-Disposition'
      });
      const readStream = fs.createReadStream(filePath);
      readStream.on('data', function(chunk) {
        if(!res.write(chunk)){
          readStream.pause();
        }
      });
      readStream.on('end', function() {
        console.log('文件下载好了')
        res.end();
      });

      res.on("drain", function() {
        readStream.resume();
      });
    } catch (err) {
      res.send({
        status: 201,
        message: err
      })
      return;
    }
  })

相关文章

• vue实现文件下载的七种方式
• vue实现文件上传