在本系列第四篇文章中简单介绍了一下引入elementUI的图片上传组件,但是没有进行详细说明,本文将详细介绍如何上传图片。
1 后端部分
-
新建上传路由
app.post('/admin/api/upload',async(req,res)=>{ const file=req.file res.send(file) })
-
创建中间件
需要先在server中安装multer帮助处理中间件:npm i multer,然后引入multer
const multer=require('multer') const upload =multer({ dest:__dirname + '/../../uploads'}) //目标地址
加入该中间件:
app.post('/admin/api/upload',upload.single('file'),async(req