简单使用multer实现文件的上传和下载；

1、文件上传使用multer，首先要在项目中安装multer模块。

npm install multer -save

2、这里使用express模块,multer文件上传分为单文件和多文件，单文件使用如下；

（1）客户端代码,这里我们简单使用form表单提交，使用post方式，表单一定要设置enctype="multipart/form-data",否则会有意想不到的错误。

<h1>文件上传</h1>
<form action="/" method="post" enctype="multipart/form-data"><input id="files" type="file" name="file" multiple/> <!-- 这里的multiple属性是允许多文件上传的，单文件上传可以不写此属性（最好都写上）--><input type="submit" value="上传"/>
</form>

（2）客户端到这里就可以了，下面进行服务端配置，单文件要是用，single("在这里写表单里的name值")

let express = require('express');
let multer = require('multer');
let fs = require("fs");
let path = require("path");
let router = express.Router();router.post('/', multer({//设置文件存储路径dest: 'upload'   //upload文件如果不存在则会自己创建一个。}).single('file'), function (req, res, next) {if (req.file.length === 0) {  //判断一下文件是否存在，也可以在前端代码中进行判断。res.render("error", {message: "上传文件不能为空！"});return} else {let file = req.file;let fileInfo = {};console.log(file);fs.renameSync('./upload/' + file.filename, './upload/' + file.originalname);//这里修改文件名字，比较随意。// 获取文件信息fileInfo.mimetype = file.mimetype;fileInfo.originalname = file.originalname;fileInfo.size = file.size;fileInfo.path = file.path;// 设置响应类型及编码res.set({'content-type': 'application/json; charset=utf-8'});res.end("上传成功！");}});

3、下面则是多文件的使用，记住前面说的input表单multiple属性，

(1)客户端代码和上面一样

<h1>文件上传</h1>
<form action="/" method="post" enctype="multipart/form-data"><input id="files" type="file" name="file" multiple/> <!-- 这里的multiple属性是允许多文件上传的,一点要写--><input type="submit" value="上传"/>
</form>

(2)服务端的代码不使用single 而是使用.array("表单name属性","这里填写最大支持的文件数目")，使用方式如下


router.post('/', multer({//设置文件存储路径dest: 'upload'
}).array('file', 10), function (req, res, next) {  //这里10表示最大支持的文件上传数目let files = req.files;if (files.length === 0) {res.render("error", {message: "上传文件不能为空！"});return} else {let fileInfos = [];for (var i in files) {let file = files[i];let fileInfo = {};fs.renameSync('./upload/' + file.filename, './upload/' + file.originalname);//这里修改文件名。//获取文件基本信息fileInfo.mimetype = file.mimetype;fileInfo.originalname = file.originalname;fileInfo.size = file.size;fileInfo.path = file.path;fileInfos.push(fileInfo);}// 设置响应类型及编码res.set({'content-type': 'application/json; charset=utf-8'});res.end("success!");}
});

4、此时文件的简单上传实现了。当然这只是简单的进行上传，有时候还要考虑文件的大小，磁盘空间等等，当然上传文件也不只有一种，还有使用formidable, multiparty等，有兴趣可以查看官方文档详细介绍。上传文件当然就要有下载，有时候压缩文件可以直接通过a标签下载，但是有时如果是图片，之类的浏览器会直接打开，很不友好，所以有专门的下载。

4.1下载主要有两种方式，也比较简单，直接演示

//第一种方式let road="这里是要下载的文件路径（可以是中文，相对路径，绝对路径等等）";res.download(road); //直接调用download方法即可//第二种方式let road="这里是要下载的文件路径（可以是中文，相对路径，绝对路径等等）";let road = fs.createReadStream(path); //创建输入流入口res.writeHead(200, {'Content-Type': 'application/force-download','Content-Disposition': 'attachment; filename=name'});load.pipe(res);// 通过管道方式写入

作者：东东丶酱
原文链接：https://www.jianshu.com/p/42714ca7b6ce

node使用express+multer文件上传和下载的问题相关推荐

multer 文件上传系统在express中的使用
multer 文件上传系统在express中的使用参考: 技术栈 Multer 是一个node.js中间件,用于处理 multipart/form-data类型的表单数据,主要用于上传文件. 在fo ...
文件上传与下载的场景梳理
文件上传单文件与多文件上传利用 input 元素的 accept 属性限制上传文件的类型.比如使用 image/* 限制只能选择图片文件: 同时,为了防止修改文件后缀绕过限制,需要利用 JS 读取 ...
Angular 文件上传与下载
Angular文件上传与下载文件上传方式1 使用NG ZORRO中的组件. 文件下载方式1 直接下载方式2 通过HTTP请求后端数据的方式进行下载文件上传方式1 使用NG ZORRO中的组 ...
SpringBoot下文件上传与下载的实现
原文:http://blog.csdn.net/colton_null/article/details/76696674 SpringBoot后台如何实现文件上传下载? 最近做的一个项目涉及到文件上传 ...
Python实现阿里云aliyun服务器里的文件上传与下载
Python实现阿里云服务器里的文件上传与下载 Python实现阿里云服务器里的文件上传与下载背景: 正文: 预备环境: 构想: 实现: 注意: 结尾 018.4.15 背景: 老实说,因为现实的各 ...
java使用Jsch实现远程操作linux服务器进行文件上传、下载，删除和显示目录信息...
1.java使用Jsch实现远程操作linux服务器进行文件上传.下载,删除和显示目录信息. 参考链接:https://www.cnblogs.com/longyg/archive/2012/06/2 ...
php从ftp下载文件到本地,php使用ftp实现文件上传与下载功能
本文实例为大家分享了php ftp文件上传与下载的具体代码,供大家参考,具体内容如下 ftp文件上传 php自带有ftp操作的函数包,一个比较简单实现的ftp文件上传操作可以通过以下几个步骤来完成: ...
2014-07-23 利用ASP.NET自带控件实现单文件上传与下载
效果图上传文件页面: 下载文件页面: 1.母版页site.Master <%@ Master Language="C#" AutoEventWireup="t ...
PHP文件上传，下载，Sql工具类！
PHP文件上传,下载,Sql工具类! 对文件大小,文件类型同名覆盖中文转码的操作,可直接使用前台 upload.html <!DOCTYPE html> <html> & ...

node使用express+multer文件上传和下载的问题

简单使用multer实现文件的上传和下载；

1、文件上传使用multer，首先要在项目中安装multer模块。

2、这里使用express模块,multer文件上传分为单文件和多文件，单文件使用如下；

3、下面则是多文件的使用，记住前面说的input表单multiple属性，

node使用express+multer文件上传和下载的问题相关推荐

最新文章

热门文章