nodejs使用multer中间件上传混合表单提交（文件和非文件普通文本域）

最新推荐文章于 2026-01-06 14:49:54 发布

原创

最新推荐文章于 2026-01-06 14:49:54 发布 · 3.8k 阅读

标签

#nodejs #表单 #中间件 #multer #express

收录于

博客讲述了如何在Node.js中使用Multer中间件处理包含文件和文本域的混合表单数据上传。在设置enctype为'multipart/form-data'后， Multer能够正确接收文件，但常规文本域的数据无法通过req.body获取。解决方案是利用Multer的特性，同时处理文件和表单数据，从而在savePoster中获取文件信息，并在save中获取文本域数据。

我的一个表单包括几个input(type=’text’)普通的文本域和input(type=’file’)，两者同属一个表单，form设置enctype=’multipart/form-data’。需要混合上传，savePoster是保存文件逻辑，save是保存信息(文本域提交过来的)逻辑

前端页面(jade模板)最简化后大致是这样的：

      form(method='post', action='/admin/movie/save' enctype='multipart/form-data')
          input(type="file", name="uploadPoster")
          input(type="text", name="movie[flash]", value=movie.flash)

我们在路由里是这样处理的

router.post('/admin/movie/save',       User.signinRequired, User.permission, Movie.savePoster, Movie.save);

理想状态:

文件上传和文本域同属一个表单，并且表单设置enctype=’multipart/form-data’

在savePoster里，获取上传的文件通过第三方中间件比如multe

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Shsgear

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Node.js实现文件上传

12-23

在工作中碰到了这样的需求，需要用nodejs 来上传文件，之前也只是知道怎么通过浏览器来上传文件，用nodejs的话，相当于模拟浏览器的行为。 google 了一番之后，明白了浏览器无非就是利用http协议来给服务器传输数据，具体协议就是《RFC 1867 – Form-based File Upload in HTML》，在浏览器上通过form 表单来上传文件就是通过这个协议，我们可以先看看浏览器给服务端发送了什么数据，就可以依葫芦画瓢的把上传功能实现出来。说起form 表单上传文件的话，大家应该很熟悉： <form action="http://www.qq.com

4 条评论您还未登录，请先登录后发表或查看评论

multer：用于处理“ multipartform-data”的Node.js中间件

02-23

穆特尔 Multer是用于处理multipart/form-data的node.js中间件，主要用于上传文件。它是在之上编写的，以实现最大效率。注意：Multer将不处理任何非多multipart/form-data （ multipart/form-data ）。翻译该自述文件也可用其他语言提供：（中文）（韩文）（俄语）（巴西葡萄牙语）安装 $ npm install --save multer 用法 Multer增加了body的对象和一个file或files对象的request对象。 body对象包含表单文本字段的值， file或files对象包含通过表单上传的文件。基本用法示例：不要忘记enctype="multipart/form-data"的enctype="multipart/form-data" 。 < form action ="

使用Multer（Node.js，Typescript）同时上传表单字段和文件

weixin_26750481的博客

09-14

1095

Multer is a widely used middleware to handle file uploads and multipart/form-data stuff received by your Node.js server application. There are tons of documentation and tutorials to teach you how to u...

为啥nodejs中，中间件不生效的原因...

2301_76633800的博客

04-25

691

终端控制台也没有打印中间件输出函数,在网上找了之后，也没有，因为我开的是8080端口，所以在网址后面，对于80端口可以省略，我也没有在意。console.log('启动web成功,地址为: http://127.0.0.1:8080')为啥加入那个就生效了，也算给兄弟们提供一个方法，有大佬的话，口下留情，欢迎指正！console.log('启动web成功,地址为: http://127.0.0.1')端口上监听请求，而无需在浏览器中显式指定端口号。可以看出，启动成功，没有错误，但是生成之后是这样。

nestjs[controller控制层各种请求方式及参数获取方式]

墨水白云的博客

12-06

1万+

其实理解起来就是：我给前端一个’/xxx’的(get/post/put/delete)请求接口，然后我后端controller层配置一个(@Get(‘xxx’)/@Post(‘xxx’)/@Put(‘xxx’)/@Delete(‘xxx’))的接收方法，一但前端调用了，就触发这个装饰器配置相关方法，同时方法参数中使用(@Request/@Body/@Query/@Param…)等装饰器获取传递过来的参数。

前端如何提交文件，不使用form表单提交方式提交文件，JS提交文件

weixin_43992507的博客

12-19

9397

前端使用Ajax传值方式： &amp;lt;body&amp;gt; &amp;lt;input type=&quot;file&quot; id=&quot;importFile&quot;/&amp;gt; &amp;lt;input type=&quot;button&quot; id=&quot

node+express+Multer实现文件上传

weixin_65535396的博客

12-15

1222

/formdata.append("后端接收的名称", 前端传的值);var time = dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss") //文件上传的时间。// Math.round(Math.random() *1E9)是生成一个整数部分9位数的随机数，再取整。//随机生成的文件id。

nodeJs中间件Multer详解_使用express实现本地文件/图片上传到服务器指定目录

热门推荐

蒲公英芽的博客

04-01

2万+

分两部分来讲前端使用jquery-form插件对表单内容进行提交在html结构 <form id="position_add_form" name="position_form"> <input type="file" name="logo"> </form> 一是前端将图片以post方式提交到服务器二是后端nodeJ...

node+multer中间件实现单文件、多文件上传—超详细

naoguaten的博客

12-16

1万+

一、概念 Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据，它主要用于上传文件。注意: Multer 不会处理任何非 multipart/form-data 类型的表单数据。二、安装 npm i multer --save 三、使用 Multer 会在express 的 request 对象里添加一个 body 对象（包含表单的文本域信息）以及 file 或 files 对象（单文件通过req.file获取，多文件通过req.files获

Multer详解（Node.js中间件）

qq_45859670的博客

03-06

2万+

文章目录介绍使用（摘自官方解释）multer(options)storage(储存引擎).single(fieldname).none().fields(fields)limits（限制）错误处理机制介绍 Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据，它主要用于上传文件。它是写在 busboy 之上非常高效。注意: Multer 不会处理任何非 multipart/form-data 类型的表单数据使用（摘自官方解释） guthub官方

multer中文文档，koa-multer中文文档，@koa/multer中文文档，nodejs实现文件上传之最佳实践，express文件上传

liangzhenmeng的博客

07-22

1万+

Multer 是一个 node.js 中间件，用于处理类型的表单数据，它主要用于上传文件。它是写在之上非常高效。: Multer 不会处理任何非类型的表单数据。 multer中文文档，koa-multer中文文档，@koa/multer中文文档，nodejs实现文件上传之最佳实践，express文件上传

【Node.js】大文件上传（分片上传和断点续传）

小秀的博客

03-30

2746

大文件上传通常采用分片上传。如果因为某些原因上传突然中断，解决问题之后可以接着之前的分片上传，而不需要从头开始上传，也就是断点续传。此外还可以利用多个网络连接并行上传多个分片，提高上传速度。这个字段向客户端表明，我这个文件支持传输部分数据，只需要告诉部分数据即可，单位是字节。此时，某些支持断点续传的客户端，比如迅雷，它就可以在请求时，告诉服务器需要的数据范围。客户端告诉服务器：请给我传递0-500字节范围内的数据即可，无须传输全部数据。

Nodejs的学习Ⅷ（文件上传模块multer、文件下载、layui简单说明）

胡图图不糊涂的博客

05-25

892

一、文件上传的中间件模块multer 详情参看官网安装 cnpm install multer --save 二、multer的使用 html页面 <form action="http://localhost:8080/" method="post" enctype="multipart/form-data"> // 注意上传文件时要enctype="multipart/form-data" <input type="file" name="files" value="指定文件"&

multer中间件上传文件

kongjunchao159的博客

04-26

2086

multer是express官方推荐的文件上传中间件，调用方法如下 1、在NodeJs项目下的package.json中添加multer依赖，并运行npm install运行安装 "multer" : "0.1.6" 2、引入该模块 var multer = require('multer'); 3、配置相关参数 var multer_head = multer({dest : '..

formidable ajax,nodejs formidable混合表单提交

weixin_35241897的博客

08-07

362

废话不多说，直接上代码：前端页面：信息:Welcome to 后端处理：//formidablerouter.get('/formidable', function(req, res, next) {res.render('formidable', {title: 'formidable'});});router.post('/file-upload', function(req, res, ne...

Multer 终极指南：Node.js 文件上传的完整解决方案