nodejs中form表单传值，req.body显示空的问题，但是表单却有数据

最新推荐文章于 2024-04-18 14:54:01 发布
最新推荐文章于 2024-04-18 14:54:01 发布
阅读量1.6k 收藏 9
点赞数 1
文章标签： node.js javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46360310/article/details/107168228
版权

今天在学习node时，遇到了一个苦恼很久的问题，表单传值时，进行数据库操作时，数据一直显示空，后来检查req.body没有数据，但是游览器中的formData却显示有数据，看了很多文章，问题，都是说让用body-parse，但是添加了body-parse之后还是不可以。
后来看到有一篇博客说 body-parser 不支持 contentType: multipart/form-data 的格式类型，不支持formData格式。需要使用 connect-multiparty 第三方模块，于是在路由中引入了一个connect-multiparty中间件便没有问题了。

路由代码
//引入中间件，处理multipart数据
const multipart = require('connect-multiparty')
const multipartMiddleware = multipart()


articleApp.post(
	'/add',
	[multipartMiddleware, article.
最低0.47元/天 解锁文章
学习前端ing
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Nodejs自定义解析表单数据的中间件案例
01-21
在这个“Nodejs自定义解析表单数据的中间件案例”中，我们将深入探讨如何使用JavaScript编写自定义的中间件来解析HTTP请求中的表单数据。 ### 1. 中间件概念 中间件在Node.js中是通过Express框架（基于Connect库）...
forms-in-nodejs:该项目演示了如何在Node.js中使用表单
05-10
// 使用req.body获取表单数据 }); app.listen(3000); ``` 4. **表单HTML**： 在前端，你需要创建一个HTML表单，指定表单的`action`属性为Node.js服务器的URL，`method`属性设置为POST。每个表单元素的`name`...
记录关于node接收并解析前端上传excel文件formData踩的坑
coding...
02-02 722
尤其要注意formData对象进行append，下面写法有问题，会造成下面的情况，传给后端是非二进制流。这种情况下，文件不会出现在files里，反而会出现在fields里。
关于jsp页面给Form赋值报该属性为空或不是对象问题
波波的专栏
07-25 2650
 struts中,jsp操作有时候在页面里面给Form某个属性赋值的时候，页面提示**Form.**property.value为空或不是对象，但是在Form里面是定义了该对象的，为什么会出现这种情况呢，那是因为你没有把该属性显示的置于页面标签范围里面，解决办法是在范围里面加一句即可还有需要注意的，当记录是在标签里面动态打印出來的，进行批处理操作的时候，往往要记录用户所有的记录条数的某个属性，可以
req.body拿不到数据
最新发布
weixin_52741665的博客
04-18 112
如代码所示，在内容解析器配置完成之后在引入路由，才能拿到值。// 配置内容解析器。
node封装传formdata数据的接口（多文件上传）
Azbtt的博客
07-09 1989
node封装传formdata数据的接口（多文件上传）
multipart/form-data
tianjingsha_persume的博客
08-12 348
日记：近期遇到一个需求：需要通过app上传多张图片，操作端是PDA基于ios使用UIImage对象传输，一次性多张，然后调用我一个接口上传。 听起来简单，接受前端的二进制流数组，解析，改传哪儿就传哪儿…但是实际操作却出现了问题。 困扰我的问题 我怎么都接受不到传过来的内容，注册的接口根本被进入到我的方法体…报错415 unsupported Media Type…，通过postman模拟，Requ...
nodejs 使用 request 发送 multipart/form-data
Betterc5的博客
11-04 7654
const request = require('request'); const fs = require('fs'); function sendMultipart(filePath) { const formData = { audio : fs.createReadStream(filePath) }; let options = { method : 'POST', ...
Node.js 解析request.body请求体参数
一只路过的小码农
04-21 1万+
上篇文章我们完成了Node.js客户端与服务端基本交互，并通过get请求实现客户端传参，服务端相应逻辑处理数据 今天我们用post请求，客户端传参，服务端处理 先创建一个json文件，通过fs模块，读取文件内容，注意设置编码格式UTF8 user.json [ { "userId": 1, "userName": "小张", "des": "我是小张" }, { ...
formHandling-Node:NodeJS中的表单处理
05-02
除了URL-encoded的表单数据，还有multipart/form-data，常用于上传文件。处理这种类型的表单数据，我们需要`multer`库。安装`multer`后，配置如下： ```javascript const multer = require('multer'); const ...
nodejs body-parser 解析post数据实例
10-19
`body-parser`是一个常用的中间件，专门用于解析请求体（request body），使得我们可以方便地获取并操作POST提交的数据。下面我们将深入探讨`body-parser`的工作原理、配置选项以及如何在实际应用中使用它。 1. **...
nodejs上传图片简单例子.zip
01-04
常用的文件上传库有`multer`，它能方便地处理`multipart/form-data`类型的表单数据，这是HTML表单上传文件的标准格式。 接下来，我们假设压缩包中的"上传图片"是一个目录，其中可能包含以下文件： 1. server.js：...
FormData传到后台为null（js确认无误，解决方式）
baidu_38837718的博客
02-12 5996
**FormData传到后台为null（js确认无误，解决方式） **## 标题 问题原因 FormData如果进行append的时候，有文件或者JSON.stringify，传到后台取出的值就为NULL 解决方式 在Spring配置文件web层，配置文件解析器（定义视图解析器的地方） 在这里插入代码片 ``` <!-- 文件上传解析器 --> <bean id="multip...
解决vue中formdata 传值为空值得问题(已解决)
热门推荐
laihaodong的博客
11-01 1万+
在使用elemenet-ui 进行vue form表单传值的时候,要上传图片,要将上传完的图片转成二进制的形式给后端传过去,使用formdata的方法进行二进制转换,然后发现怎么传值 ,都是一个空对象,后来找了半天才发现原来是重新封装的axios出现了问题,如果有人也遇到了这个问题,就用原生的axios进行调用接口let formData = new FormData(); Object.keys(this.agency_information.file).forEach(item => { form
Vue｜获取表单数据
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
04-10 4837
表单用于搜集不同类型的用户输入，Vue针对不同的表单输入类型，也提供了不同的的输入控制及验证。
nodejs中post请求方式，req.body接值为空如何解决
ccf19881030的专栏
10-16 4245
最近在使用Postman测试Nodejs后台接口程序时，发现当调用post请求数据时req.body中某个字段是空的，由于之前做过Nodejs后台接口的编写，知道是缺少body-parser中间件的原因。 Nodejs req.body 默认为空。如果使用了 express 框架，可以通过安装body-parser中间件加以解决 也就是说需要使用npm或者yarn安装body-parser中间件，然后在项目主文件中引入body-parser中间件并使用。 相应的代码如下： var bodyParser =
req.body为空的原因可能有以下几点：
526大飞哥
05-05 1151
数据提交
FormData对象打印为空对象的问题
9527
12-08 3984
开发时对FormData对象append数据后打印出来为空对象，开始以为是没有append进去，实际上是FormData对象不能直接用console.log(formData)进行打印。 如果要打印，可以用下面的方式： for (var key of formData.entries()) { console.log(key[0] + ', ' + key[1]); } ...
script登录表单，数据传向nodejs
04-07
以下是一个简单的登录表单，使用HTML和JavaScript来收集用户输入的数据，然后将数据传递给Node.js服务器。 HTML代码： ```html <!DOCTYPE html> <html> <head> <title>Login Form</title> </head> <body> <form id="loginForm"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <button type="submit">Login</button> </form> <script> const form = document.getElementById('loginForm'); form.addEventListener('submit', async (event) => { event.preventDefault(); const username = document.getElementById('username').value; const password = document.getElementById('password').value; const data = { username, password }; const response = await fetch('/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); const result = await response.json(); console.log(result); }); </script> </body> </html> ``` 这里的HTML代码包含一个表单，其中包含用户名和密码字段以及一个提交按钮。当用户点击提交按钮时，JavaScript代码将捕获表单提交事件，阻止默认行为，并从表单中获取用户名和密码。然后，它将这些值作为JSON数据发送到服务器的'/login'路径。 Node.js服务器代码： ```javascript const express = require('express'); const app = express(); const port = 3000; app.use(express.json()); app.post('/login', (req, res) => { const { username, password } = req.body; // 在这里检查用户名和密码是否有效 // 如果有效，则返回一个JSON响应 // 如果无效，则返回一个错误响应 if (username === 'admin' && password === 'admin') { res.json({ success: true }); } else { res.status(401).json({ error: 'Invalid username or password' }); } }); app.listen(port, () => { console.log(`Server listening at http://localhost:${port}`); }); ``` 这里的Node.js代码使用Express框架来创建一个HTTP服务器。它使用中间件来解析JSON请求正文，并在'/login'路径上创建一个POST路由。当服务器接收到来自客户端的POST请求时，它从请求正文中提取用户名和密码，并检查它们是否有效。如果用户名和密码有效，则服务器将返回一个JSON响应，指示成功登录。如果无效，则服务器将返回一个错误响应，指示无效的用户名或密码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值