3172人阅读
nodeJS（12）
首先，先了解一下关于http协议里定义的四种常见数据的post方法，分别是：
application/www-form-ulrencoded
multipart/form-data
application/json
Express依赖bodyParser对请求的包体进行解析。默认支持application/json,application/www-form-urlencoded,multipart/form-data.单数对xml没有支持。需要自己代码来实现
www-form-urlencoded
http默认的post请求是这种方式，比如写一个&form&...&input type="submit/&&/form&.form表单里面的submit按钮默认就是这种www-form-urlencoded方式提交的
node.js下使用Express接收这种提交方式需要使用body-parse插件支持，Express和body-parser的依赖关系在4.0以下版本和4.0以上版本是不同的
var express=require("express);
var bodyParser=require('body-parser');
var app=express();
var server=require('http').createServer(app);
app.use(bodyParser.urlencoded({extended:true}));
var PORT=process.env.PORT||3008;
server.listen(PORT);
该代码搭建起了一个简单的server，在git bash中输入
运行起来，就可以接收post的www-form-urlencoded类型的参数
我们在上面的代码中加上一个路由（该路由需要放在监听端口的前面）
app.post('/urlencode',function(req,res){
console.log(req.body);
res.send("success");
在html中编写form表单，使用post方法发送请求
&form action='/urlencode' method='post'&
&input type='text' name='user' value='charlene'/&
&input type='submit'&
当提交表单时，路由中的req.body取得请求信息，并通过res.send方法将响应信息发送给客户端
该数据类型也是常见的提交数据的方式，和上面不同的是form表单里需要有enctype标识。即我们在上传文件时，需要爱form标签中做这样的标识：
&form enctype="multipart/form-data"&&/form&
如果是通过ajax方法提交表单，可以XHR2的FormData方法提交处理上传文件的表单。例如表单中含有上传的文件和其他需要提交的字段
`&form method="post" id="form-article"&
&label&文章标题：&/label&
&input type="text" name="title" placeholder="请输入标题" class="text-input"&&/input&
&label&文章封面：&/label&&input
type="file" name="postImg" value="上传图片" id="upload"&
&input type="submit" &
以上的form表单中，含有需要提交的文章标题字段和文章封面的图像上传。当使用ajax实现表单提交时，需要使用xhr2中的FormData类型。
在下面的代码中，result为将表单提交的字段序列化的结果，为一个key=value形式的字符串。
var upload=document.getElementById("upload");
var formD=new FormData();
for(var i = 0; i & result. i++){
var val = result[i].split("=");
formD.append(val[0],val[1]);
//如果上传上传的图片不为空，取出上传的图片内容
if(upload.files[0]){
formD.append("file",upload.files[0]);
ajax("post","/upload1",null,formD,function(res){
console.log(res);
ajax为自己封装的ajax发送请求的方法，想了解此方法 见附录
使用nodejs处理form-data数据，需要引入中间件multer或connect-multiparty，这里我使用multer中间件 关于multer中间件的安装及相关方法及属性，请参见我的上一篇博客
在路由文下，编写form表单请求路由时处理的功能
var upload=require('multerUtil');
app.post('/upload1',upload.single("file"),function(req,res){
console.log(req.body);//req.body中存放一般字段中存在的字段值
//将信息存入文章数据库
console.log(req.file);//req.file中存放上传的文件信息
var post = new Post("cheng", req.body.title, req.body.tags,req.body.post,req.body.cates,req.file.path);
post.save(function (err) {
console.log(post);
if (err) {
console.log("error");
res.send({
user: "cheng",
title: req.body.title,
tags: req.body.tags,
post: req.body.post,
cates: req.body.cates
*注：multerUtil为引入multer中间件，并设置中间件的storage后返回的中间件，设置方法请参照我的上一篇博客
application/json
bodyParser支持此类参数的解析。不过如果需要发送json数据，需要对发送请求的请求头设置，如果是ajax上传，设置请求头方法如下
xhr.setRequestHeader=("Content-Type":"application/json");
同时，请求信息的格式需要是json字符串格式，如果是json格式，需要通过JSON.stringify()方法将json格式的数据转化为json字符串格式的数据进行传输，后台node.js 在相应的路由下通过req.body接收请求的信息。
这种请求类型不是特别常见，body-parse默认也不解析这种数据格式，目前腾讯、微信在使用这种数据交换格式，node.js中只能自己编写代码处理，把请求体参数按照字符串读取出来，然后使用xml2json包吧字符串解析成json对象。
首先还是使用body-parse得到字符串，然后再转化
xml格式请求需要指定http请求头content-type=text/xml
利用req上定义的事件data来获取http请求流，end事件结束请求流的处理
利用xml2json把上面得到的请求参数流转化为json对象
首先需要安装xml2json
$npm install xml2json
var xml2json=require('xml2json');
app.post('/xml',function(req,res){
req.rawBody='';
var json={};
req.setEncoding('utf8');
req.on('data',function(req,res){
req.rawBody+=
req.on('end',funciton(){
json=xml2json.toJson(req.rawBody);
res.send(JSON.stringify(json));
参考文献：
附录：ajax封装的方法
//创建xhr对象
function createXHR(){
if(typeof XMLHttpRequest!="undefined"){
return new XMLHttpRequest();
}else if(typeof ActiveXObject!="undefined"){
if(typeof arguments.callee.activeXString!="string"){
var versions=[
"MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"
for ( i = 0,len=versions. i & i++) {
new ActiveXObject(versions[i]);
arguments.callee.activeXString=versions[i];
}catch(ex){
return new ActiveXObject(arguments.callee.activeXString);
throw new Error("no XHR Object available");
* ajax请求的方法
发送请求的类型 值为'post'或‘get’等ajax能接受的请求类型
{string/json/formdata}
发送请求时的请求信息
{Function} callback 请求成功之后需要调用的回调函数
* @return 处理请求后的结果
var ajax=function(met,url,mes,callback){
var xhr=createXHR();
xhr.onreadystatechange=function(){
if(xhr.readyState==1){
console.log("writing");
if (xhr.readyState==4) {
if (xhr.status&=200&&xhr.status&300||xhr.status==304) {
callback(xhr.responseText);
console.log("request was unsuccessful:"+xhr.status);
xhr.open(met,url,true);
xhr.send(mes);
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：41294次
积分：1168
积分：1168
排名：千里之外
原创：77篇
(1)(12)(6)(11)(7)(19)(4)(4)(5)(12)(3)bodyParser中间件的研究_nodejs_ThinkSAAS
bodyParser中间件的研究
bodyParser中间件的研究
内容来源： 网络
bodyParser中间件的研究
接触nodejs已有一段时间了，但最近才开始落实项目，于是使用express应用生成器生成了一个应用。开发过程中发现ajax提交的数据无法被express正确的解析，主要的情况是这样的：
// 浏览器端post一个对象
url:"/save",
type:"post",
name:"henry",
hobby: ["sport","coding"]
// express接收这个对象
router.post("/save", function (req, res, next) {
console.log(req.body); // =& { 'info[name]': 'henry','info[age]': '30','hobby[1]': 'sport','hobby[2]': 'coding' }
显然这样的解析结果是不能直接拿来用的，莫名其妙的一个坑，困了我许久。
bodyParser中间件
bodyParser中间件用来解析http请求体，是express默认使用的中间件之一。
使用express应用生成器生成一个网站，它默认已经使用了bodyParser.json与bodyParser.urlencoded的解析功能，除了这两个，bodyParser还支持对text、raw的解析。
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
顾名思义，bodyParser.json是用来解析json数据格式的。bodyParser.urlencoded则是用来解析我们通常的form表单提交的数据，也就是请求头中包含这样的信息：Content-Type: application/x-www-form-urlencoded
常见的四种Content-Type类型：
application/x-www-form-urlencoded常见的form提交
multipart/form-data文件提交
application/json提交json格式的数据
text/xml提交xml格式的数据
详细解读 urlencoded
bodyParser.urlencoded模块用于解析req.body的数据，解析成功后覆盖原来的req.body，如果解析失败则为{}。该模块有一个属性extended，官方介绍如下：
The extended option allows to choose between parsing the URL-encoded data with the querystring library (when false) or the qs library (when true). Defaults to true, but using the default has been deprecated.
大致的意思就是：extended选项允许配置使用querystring(false)或qs(true)来解析数据，默认值是true，但这已经是不被赞成的了。
querystring就是nodejs内建的对象之一，用来字符串化对象或解析字符串。如
querystring.parse("name=henry&age=30") =& { name: 'henry', age: '30' }
那么，既然querystring已经能完成对urlencode的解析了，为什么还需要qs？qs又是什么？
qs是一个querystring的库，在qs的功能基础上，还支持更多的功能并优化了一些安全性。比如，对象解析的支持：
// 内建对象 querystring
querystring.parse("info[name]=henry&info[age]=30&hobby[1]=sport&hobby[2]=coding") =&
'info[name]': 'henry',
'info[age]': '30',
'hobby[1]': 'sport',
'hobby[2]': 'coding'
// 第三方插件 qs
qs.parse("info[name]=henry&info[age]=30&hobby[1]=sport&hobby[2]=coding") =&
name: 'henry',
hobby: [ 'sport', 'coding' ]
可以看出，querystring并不能正确的解析复杂对象（多级嵌套），而qs却可以做到。
但是qs也不是万能的，对于多级嵌套的对象，qs只会解析5层嵌套，超出的部分会表现的跟本文头部的那种情况一样；对于数组，qs最大只会解析20个索引，超出的部分将会以键值对的形式解析。
作为一个中间件，qs必须要为性能考虑，才会有如此多的限制，express也默认使用qs来解析请求体。
理论上来说，form表单提交不会有多级嵌套的情况，而urlencoded本身也是form的内容类型，因此，bodyParser.urlencoded不支持多级嵌套也是很合理的设计。
那么，如果我们非要上传一个十分复杂的对象，应该怎么办？
出现这个问题的根本原因是：我以form的形式去提交了一个json数据。
jquery默认的content-Type配置的是application/x-www-form-urlencoded，
因此更改ajax请求参数：contentType:"application/json"，并将数据转成json提交，问题就解决了。
// 浏览器端post一个对象
url:"/save",
type:"post",
contentType:"application/json",
data: JSON.stringify({
name:"henry",
hobby: ["sport","coding"]
// express接收这个对象
router.post("/save", function (req, res, next) {
console.log(req.body); // =& { name: 'henry', age: 30, hobby: [ 'sport', 'coding' ] }
大多时候，我们只知道如何去使用，而不知道为什么这么用。
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信nodejs 使用app.use(express.bodyParser()); 出错 - 推酷
nodejs 使用app.use(express.bodyParser()); 出错
Error: Most middleware (like bodyParser) is no longer bundled with Express and m
ust be installed separately. Please see /senchalabs/connect#mi
at Function.Object.defineProperty.get (C:\Users\Administrator\AppData\Roamin
g\npm\node_modules\express\lib\express.js:89:13)
at Object.&anonymous& (C:\Users\Administrator\Desktop\nodejs\http\express1.j
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:902:3
根据错误可以知道bodyparser已经不和
Express绑定在一起了，而需要单独来安装，执行如下命令即可：
npm install body-parser
然后在代码中如下使用：
var bodyParser = require('body-parser');
app.use(bodyParser());
&不过还是无法工作，提示如下：
body-parser deprecated bodyParser: use individual json/urlencoded middlewares ex
press1.js:4:9
body-parser deprecated undefined extended: provide extended option node_modules\
body-parser\index.js:75:29
express deprecated res.send(status): Use res.status(status).end() instead expres
&然后，可以发现已经过期了，可以使用如下代码代替：
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
我最终的一个实现如下：
var express = require('express');
var app = express();
var bodyParser = require('body-parser');
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
app.all('/', function(req, res) {
res.send(req.body.title + req.body.text);
app.listen(3000);
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致nodejs 使用app.use(express.bodyParser()); 出行异常----解决方法
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置： &
[ 所属分类
异常代码：
\Workspaces\WebStormProject\imooc-project\imooc&node app.js
Error: Most middleware (like bodyParser) is no longer bundled with Express and must be installed separately. Please see /senchalabs/connect#middleware.
at Function.Object.defineProperty.get (L:\Workspaces\WebStormProject\imooc-project\imooc\node_modules\express\lib\express.js:89:13)
at Object. (L:\Workspaces\WebStormProject\imooc-project\imooc\app.js:12:17)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:902:3
当前express版本：3.5.3
根据错误可以知道bodyparser已经不和 Express绑定在一起了，说明当前express不包含body-parser，执行如下命令即可：npm install body-parser
var app = require('express')();
var bodyParser = require('body-parser');
var multer = require('multer');
app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
app.use(multer()); // for parsing multipart/form-data
app.post('/', function (req, res) {
console.log(req.body);
res.json(req.body);
本文前端（javascript）相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程
转载请注明本文标题：本站链接：
分享请点击：
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
CodeSecTeam微信公众号
任何地方只要你爱它，它就是你的世界
手机客户端
，专注代码审计及安全周边编程，转载请注明出处：http://www.codesec.net
转载文章如有侵权，请邮件 admin[at]codesec.net使用express的bodyParser上传文件，请问如何设置文件大小 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
上传大一点的文件就报错：Request Entity Too Large。请问如何解决？
搜到了一个 connect.limit(‘5.5mb’) ， 但没具体文档，不知道怎么用
还是stackoverflow强大啊，终于找到了：
app.use(express.bodyParser({
uploadDir: __dirname + ‘/upload’,
keepExtensions: true,
limit: ‘50mb’
express的官网上文档上居然找不到。。。
找不到就打开源代码找撒…
在express官网肯定找不到了，因为那些中间件是connect里的，去connect的官网找就找到啦，express用了bodyParser, bodyParser又用了multipart处理文件，所以你看multipart的文档就有了：
学习了～～～
那超出大小的异常怎么处理呢？
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的}