全栈开发学习(Node+Vue+Mongodb)(六)——图片上传

在本系列第四篇文章中简单介绍了一下引入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