# 概览
图片上传是web开发中经常用到的功能,node社区在这方面也有了相对完善的支持。
常用的开源组件有multer、formidable等,借助这两个开源组件,可以轻松搞定图片上传。
# 环境初始化
非常简单,一行命令。
npm install express multer multer --save
@前端进阶之旅: 代码已经复制到剪贴板
每个示例下面,都有下面两个文件
➜ upload-custom-filename git:(master) ✗ tree -L 1
.
├── app.js # 服务端代码,用来处理文件上传请求
├── form.html # 前端页面,用来上传文件
@前端进阶之旅: 代码已经复制到剪贴板
# 基础例子:单图上传
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 action="/upload" method="post" enctype="multipart/form-data">
<h2>单图上传</h2>
<input