| node实现文件上传、下载 | 您所在的位置：网站首页 › node下载文件变大 › 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实现文件上传 |
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 |