node.js中间件multer的使用
2023-06-13 09:15:05 时间
大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说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 启动服务,三种不同上传方式返回数据及运行结果如下:
相关文章
- 【说站】js构造函数的使用注意
- js 判断当前是移动端还是PC端
- CSS+JS实现 | 简单的萤火虫效果
- JS获取当前年份_js获取当前时间年月日
- 为Zblog、WordPress等网站添加JS纯代码雪花飘落效果
- JS设置定时器_js设置定时器
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- clipboard.js:最轻便的复制页面内容到剪切板的JS
- 使用Node.js连接MySQL数据库(node-mysql)
- Node.js连接MySQL数据库实践(node连接mysql)
- Linux环境下配置Node.js(linux配置node)
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- 使用Node.js实现对MSSQL数据库的连接(node连接 mssql)
- 利用Node.js实现对MS SQL服务器的连接(node连MSsql)
- 使用Node.js链接/操作MS SQL数据库(node mssql使用)
- 使用JS控制Oracle数据库的更新(js控制oracle更新)
- JS在Oracle中的应用(js如何oracle)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- js静态作用域的功能。
- jQuery.query.js取参数的两点问题分析
- JS打印gridview实现原理及代码
- js实现日期级联效果
- js获取当前地址JS获取当前URL的示例代码
- js脚本获取webform服务器控件的方法