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

最新推荐文章于 2024-07-22 07:57:17 发布

Shsgear

最新推荐文章于 2024-07-22 07:57:17 发布

阅读量3.6k

点赞数 2

分类专栏： nodejs 文章标签： nodejs 表单中间件 multer express

本文链接：https://blog.csdn.net/Shsgear/article/details/71429598

版权

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

摘要由CSDN通过智能技术生成

我的一个表单包括几个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里，获

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Shsgear

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Multer详解（Node.js中间件）

qq_45859670的博客

03-06

1万+

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

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 ="

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

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

weixin_26750481的博客

09-14

921

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...

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

最新发布

liangzhenmeng的博客

07-22

1万+

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

multer结合FormData多文件上传

qq_45209973的博客

07-08

509

tips 记录一下使用multer 和 FormData 多文件上传的几个注意点和具体过程页面 input 元素添加 multiple 属性创建formdata实例,将文件迭代添加到imgs字段;必须添加到同一个字段将formdata作为fetch的 body 发送;注意,不要添加任何响应头(我之前就是自作聪明添加了"Content-Type":“multipart/form-data”,一直没有成功),它会自动设置的 <!DOCTYPE html> <html lang="en

上传文件fileupload+解决enctype= multipart/form-data无法传递其他参数

09-24

解决上传文件enctype= multipart/form-data 时无法传递其他参数的问题，以及项目全局编码问题。用的插件是commons io + commons fileupload

nodejs的Multer包的使用

小墨蛇的博客

10-28

779

Multer 是一个非常有用的 Node.js 中间件，用于处理文件上传。它可以将上传的文件保存到磁盘上，也可以将其保存到内存中，还可以将其保存到云存储中。Multer 的 API 非常简单，只有一个函数和几个方法。在使用 Multer 时，需要注意安装它，并正确配置选项和中间件。

nodejs multer

09-19

nodejs multer是一个用于处理multipart/form-data类型的表单数据的node.js中间件。它可以用来上传文件。你可以通过调用multer中间件来捕获multer发出的错误，使用multer对象下的MulterError类来判断错误类型。你可以...

Express全系列教程之(十四)：通过multer实现文件上传

no10086的博客

05-18

893

一、multer中间件 再上传文件时，我们通常会使用到他。Multer用于处理multipart/form-data 类型的表单数据。首先我们先安装它： cnpm install multer --save 二、使用首先在form表单中我们需要设置enctype为：multipart/form-data表单类型。同时我们也需要用到fs模块对文件重命名。下面是单文件上传实例： <!DOCT...

nodejs express读取前端发送到formData文件流

06-07

可以使用 `multer` 中间件来实现在 `express` 中读取前端发送的 `formData` 文件流。以下是示例代码：首先，安装 `multer`： ``` npm install multer ``` 然后在 `express` 的路由中使用 `multer` 中间件： ```...

Node.js实现文件上传

12-23

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

express的使用(三) multer处理表单提交

胡世林的博客

05-31

414

express使用multer处理表单提交

node建立博客系统遇到的问题，1，乱码。2，multer的使用错误。3使用session问题...

weixin_33901926的博客

03-13

510

2019独角兽企业重金招聘Python工程师标准>>> ...

nodejs express multer 中文名乱码

言小溪的博客

08-29

3162

找了半天找不到，科学上网出去秒解决，哎，无力吐槽。上传时前端正常，但是后端接收文件时乱码。不bb那么多，直接上代码。

FormData和multer使用的一个小坑

mymy_blog的博客

07-17

3611

HTML5的FormData配合node.js中间件multer实现图片上传遇到的问题：直接将页面的form对象传入FormData的构造方法中传到后端，multer无法获取文件对象。

nodejs - multer模块教程,使用multer进行附件上传

devil13th的专栏

12-25

1万+

nodejs使用multer开发文件上传

Multer 文件上传

starleejay的博客

12-15

3690

express 默认并不会处理HTTP请求体中的数据，对于普通请求体(JSON、二进制、字符串)数据，可以使用 body-parse 中间件。而文件上传(multeipart/form-data请求),可以基于请求流处理，也可以使用 formidable 模板或者 Multer 中间件。multer中间件Multer 是express官方推出的，用于 Node.js multipart/form-

nodejs使用multer

03-05

Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，可以用于构建高性能的网络应用程序。而Multer是一个Node.js中间件，用于处理HTTP请求中的文件上传。使用Multer可以方便地处理表单中的文件上传。它支持多种文件上传方式，包括单个文件上传、多个文件上传以及文件上传到指定目录等。以下是使用Multer进行文件上传的基本步骤： 1. 首先，需要安装Multer模块。可以使用npm命令进行安装：`npm install multer` 2. 在Node.js应用程序中引入Multer模块：`const multer = require('multer')` 3. 创建一个Multer实例，并配置上传的目标目录和文件名等参数： ```javascript const storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'uploads/') // 指定上传的目标目录 }, filename: function (req, file, cb) { cb(null, file.originalname) // 指定上传的文件名 } }) const upload = multer({ storage: storage }) ``` 4. 在路由处理函数中使用Multer中间件来处理文件上传： ```javascript app.post('/upload', upload.single('file'), function (req, res, next) { // 文件上传成功后的处理逻辑 res.send('File uploaded successfully') }) ``` 在上述代码中，`upload.single('file')`表示只处理名为`file`的文件上传。如果要处理多个文件上传，可以使用`upload.array('files')`，其中`files`是表单中文件域的名称。 Multer还提供了其他一些配置选项，例如限制文件大小、限制文件类型等。可以根据具体需求进行配置。