node-文件上传

文件上传，算是网页中屡见不鲜的功能。搞web开发的程序员没有不知道的。尽管如此，我也得拿出来说说，作为自己学习成果。 事物都是一个不断更新迭代的过程。目前，所做的仅仅在跟随巨人脚步。学习记录，但愿有助新人。：）

直接开干

用过node写程序的人，都知道node模块话开发，有时候动不动就是十来个依赖包导入。比如这个node程序，要用到的模块就有12个。当然文件上传仅需用到四个模块。不管怎么说，程序开始前，还是老老实实导包吧，这个过程是必须的。 文件上传实列需要用的模块有： 1. express 2. multer 3. path 4. fs

代码开始,导入三方模块 程序初始化。

node

const express = require('express'); //express http 框架 const fs = require('fs'); // const multer = require('multer'); //处理multitype 格式的文件上传。 const objMulter = multer({dest:'.www/upload'}) //调用multer返回对象，指定上传文件保存位置。 const pathLib = require('path'); var server = express(); server.listen(80);

html

......... <form action="http://localhost:80/" method = "post" enctype="multipart/form-data"> 上传文件：<input type="file" name="pic"> 上传：<input type="submit" value="上传"> </form> ............

后端初始化完成，接下来分析，为完成文件上传功能，我们需要做的有。

上传文件地址（上传文件保存地址）接受文件（获取存放服务器端文件基本信息）（ post文件上传，前端我们需要设置表单上传数据类型）

暂时先是这样一个思路，其他文件类型，上传文件大小限制且不说。

前端设置form数据格式, enctype="multipart/form-data'

文件上传位置设置。

const multer = require('multer'); const objMulter = multer({dest:'.www/upload'})；

对，初始化过程已经完成文件上传保存目录。 导入multer模块，调用并传入option, dest属性值用于指定存放路径。这里我们在项目根目录创建/www并创建子目录/upload用于存放上传文件。

获取接受文件 通过req.files中，获取上传文件信息。

server.use(objMulter.any()); //向express注册multer server.use('/', (req, res) => { //req.body普通表单数 //req.files正真的上传文件 //获取原始文件名 //path + 扩展名（上床文件扩展名） var newName = req.files[0].path + pathLib.parse(req.files[0].originalname).ext; fs.rename(req.files[0].path, newName, (err) => { if(err){ // res.send('上传失败'); res.send(err) }else{ res.send('success'); } }); console.log(req.files) });

req.files结果

为了防止上传的文件重名，服务端对计算机原始文件名进行了随机命名 可以看出上面文件信息，源文件是 test.html 上传过后，文件名是 path。还有一点，上传的文件是二进制内容，是无法获取文件内容的。

对此怎么办呢。记得fs系统模块有一个，rename的api,可以文件重命名。添加扩展名。这样就能打get文件内容

fs.rename(pramas1,prmas2,callback) 参数解读： 第一个是pramas1是原文件名， pramas2新文件名。 callback异步回调 结果 可以看到，文件已经上传成功了。