1. 前端 使用form表单

      1.action 路径
      2.methods 请求方式
      3.enctype 编码格式 固定 multipart/form-data
      4.第一个input type值为file 需要绑定一个唯一标识 使用name属性绑定 此处绑定 1910B
      5.第二个input type值为submit 提交 用于提交from表单

      1. <form action="/upload" method="post" enctype="multipart/form-data">
      2. <input type="file" name="1910B">
      3. <input type="submit">
      4. </form>
    2. 后台

    1.第一步引入
    2.进行配置 使用multer.diskStorage 磁盘 配置路径和名字
    3.传入配置 定义upload函数
    4.在接口中使用upload函数解析图片参数并且存入

    1. const multer = require('multer')
    2. const Stroage = multer.diskStorage({ // 自定义配置
    3. destination:function(req,file,cb){ // 设置路径
    4. cb(null,'public/image')
    5. },
    6. filename:function(req,file,cb){
    7. cb(null,file.originalname) //设置图片保存名
    8. }
    9. })
    10. const upload = multer({ // 传入配置
    11. storage:Stroage // 对应替代
    12. }).single('1910B') // 设置唯一标识
    13. // 图片上传接口
    14. app.post('/upload',(req,res)=>{
    15. upload(req,res,err=>{ // 使用upload函数
    16. if(err){
    17. res.send({
    18. code:0,
    19. msg:'失败'
    20. })
    21. }else{
    22. res.send({
    23. code:1,
    24. msg:'成功'
    25. })
    26. }
    27. })
    28. })