node.js中间件multer的使用

Multer简介:
这里写图片描述
安装:

npm install --save multer

使用:
以express为例:使用express -e . 和 npm install 搭建项目架构!
1、在public下面创建multer.html,展示前端视图

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>multer的使用方案</title>
  </head>
  <body>
    <form class="" action="/multer/singup" method="post" enctype="multipart/form-data"><!--enctype="multipart/form-data"表示不会对数据本身编码,multer只处理enctype="multipart/form-data"的表单数据-->
      <input type="file" name="singleFile" value="">
      <input type="submit" name="" value="上传1">
    </form>

    <form class="" action="/multer/arrup" method="post" enctype="multipart/form-data">
      <input type="file" name="arrayFile" value="" multiple>  <!--multiple 可上传多张  -->
      <input type="submit" name="" value="上传2">
    </form>

    <form class="" action="/multer/fieldup" method="post" enctype="multipart/form-data">
      <input type="file" name="fieldSingleFile" value="">
      <input type="file" name="fieldArrayFile" value="" multiple>
      <input type="submit" name="" value="上传3">
    </form>
  </body>
</html>

2、在routes下面创建multer.js,处理后台逻辑

const router = require("express").Router();
const multer = require("multer");
const upload = multer({
  dest:"upload"//上传文件存放路径
});

const singleMidle = upload.single("singleFile");//一次处理一张
const arrMidle  = upload.array("arrayFile", 5);//一次最多处理5张
const fieldsMidle  = upload.fields([
  {name:"fieldSingleFile", maxCount:1},
  {name:"fieldArrayFile", maxCount:4}
]);//可同时处理多个上传控件的上传
//实际项目中根据自己的情况,使用以上三种用法之一即可!
router.post("/singup", singleMidle, function (req, res) {
  res.send(req.file);
});

router.post("/arrup", arrMidle, function (req, res) {
  res.send(req.files);
});

router.post("/fieldup", fieldsMidle, function (req, res) {
  res.send(req.files);
});

module.exports = router;

然后app.js中声明:

app.use('/multer',require("./routes/multer"));

最后使用npm start 启动服务,三种不同上传方式返回数据及运行结果如下:
这里写图片描述

这里写图片描述
这里写图片描述
这里写图片描述

  • 6
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值