express图片上传可以使用multer中间件
npm install multer -S
下载multer
使用文件上传需要实现以下思路
1.文件目录映射到接口路径上:
app.use('/resource'/*接口路径*/,
express.static("./public"));//文件夹路径
然后该./public文件夹下面有一个图片叫ccx.img
我们的后端端口设置为3000,然后访问:
http://localhost:3000/resource/ccx.img
即可在网页上访问到图片
2.配置multer
a.需要配置文件上传到哪里,设置上传路径。
b.设置文件上传后文件的名称
var storage = multer.diskStorage({
// 上传路径
destination: function (req, file, cb) {
cb(null, './public') /上传后会到public文件夹
},
filename: function(req,file,cb){
/* 获取文件名后缀 比如:1.txt ===>.txt */
var ext = path.extname(file.originalname);
cb(null, 文件名字 + ext);
}
});
// 然后把配置赋给一个变量即可使用
let upload = multer({storage});
该upload下面提供了一个api:upload.single(key) key自定义
3.设计接口
app.post('/profile', upload.single('img'), function (req, res, next) {
// req.file 是上传成功文件的信息对象
// req.body 上传文件时所携带的其他文本表单数据
})
调用该接口就可以直接上传到文件夹,upload.single直接帮你把文件上传到文件夹