“Nodejs进阶：基于express+multer的文件上传实例”
在Node.js的Web开发中，图片上传是一项常见的需求。为了实现这一功能，开发者可以利用Node.js社区提供的成熟库，例如multer和formidable。multer是Express框架处理multipart/form-data类型的表单数据（通常用于文件上传）的理想选择。本教程主要关注使用Express和multer来完成图片上传，并涵盖从基本操作到更高级的定制方法。
首先，要搭建开发环境，只需要执行一条命令：
```
npm install express multer multer --save
```
这会安装Express、multer以及multer依赖的库。
每个示例都包含两个核心文件：`app.js`（服务器端代码，负责处理文件上传请求）和`form.html`（前端页面，用于用户选择并提交文件）。
基础的单图上传实现如下：
在`app.js`中，设置Express应用并配置multer中间件，指定文件上传的目标目录（在这个例子中是`upload/`）。当收到'/upload'路由的POST请求时，multer会处理单个名为'logo'的文件上传，并将文件保存在指定目录下。GET请求'/form'则返回HTML表单供用户选择文件：
```javascript
var fs = require('fs');
var express = require('express');
var multer = require('multer');
var app = express();
var upload = multer({ dest: 'upload/' });
// 单图上传
app.post('/upload', upload.single('logo'), function(req, res, next) {
res.send({ ret_code: '0' });
});
app.get('/form', function(req, res, next) {
var form = fs.readFileSync('./form.html', { encoding: 'utf8' });
res.send(form);
});
app.listen(3000);
```
对应的`form.html`页面是一个简单的HTML表单，包含一个文件输入字段和提交按钮，表单提交的地址是'/upload-single'：
```html
<form action="/upload-single" method="post" enctype="multipart/form-data">
<h2>单图上传</h2>
<input type="file" name="logo">
<input type="submit" value="提交">
</form>
```
启动服务器后（`node app.js`），用户可以通过访问`http://127.0.0.1:3000/form`来上传图片。
除了基础的单图上传，multer还支持多图上传和自定义保存路径及文件名。通过修改multer配置或在处理文件上传的回调函数中进行处理，可以实现更多高级功能。例如，可以动态生成文件名、根据上传文件的类型进行分类存储，甚至对上传的图片进行预处理（如缩放、裁剪等）。
通过学习和实践这些基础和进阶用法，开发者能够熟练掌握使用Express和multer进行文件上传的能力，从而在实际项目中灵活运用。
我的内容管理
展开
