express的中间件bodyParser详解

 更新时间:2014年12月04日 10:33:20   投稿:hebedich  
这篇文章主要介绍了node.js中express的中间件bodyParser的使用方法,需要的朋友可以参考下

bodyParser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理.

下面是一个文件上传的例子.

建立一个1.html页面

复制代码 代码如下:

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta charset="UTF-8">
     <title>向服务器上传文件</title>
     <script type="text/javascript">       
         function uploadFile(){
             var formData=new FormData();
             var files=document.getElementById("files").files;
             var file=files[0];
             formData.append("myfile",file);
             var xhr=new XMLHttpRequest();
             xhr.open("post","index.html",true);
             xhr.onload= function (e) {
                 if(this.status==200)
                     document.getElementById("result").innerHTML=this.response;
             };
             xhr.send(formData);
         }
     </script>
 </head>
 <body>
 请选择文件:<input type="file" id="files" name="file" />
 <input type="button" value="上传文件" onclick="uploadFile();" />
 <div id="result"></div>
 </body>
 </html>

上面的XMLHttpRequest对象与FormData对象时HTML5中的内容,不作重点讲解.用这两个对象可以将用户选取的文件上传到服务器端,.

在服务器端使用了app.use(express.bodyParser())中间件之后,代表客户端请求的http.IncomingMessage,也就是res对象就具有了一个files属性.

server.js端代码:

复制代码 代码如下:

 var express=require("express");
 var fs=require("fs");
 var app=express();
 app.use(express.bodyParser());
 app.get("/index.html", function (req,res) {
     res.sendfile(__dirname+"/1.html");
 });
 app.post("/index.html", function (req,res) {
     var file=req.files.myfile;
     fs.readFile(file.path, function (err,data) {
         if(err) res.send("读文件操作失败");
         else{
             fs.writeFile(file.name,data, function (err) {
                 if(err) res.send("写文件操作失败.");
                 else res.send("文件上传成功");
             })
         }
     });
 });
 
 
 app.listen(1337,"127.0.0.1", function () {
     console.log("开始监听");
 });

启动服务器后,运行浏览器:

选择文件:

在浏览器端出现了 上传成功字样,

在服务器端也有了我们上传的文件.

点击上传后:

另外bodyParse可以接受客户端ajax提交的json数据,以及url的处理.

相关文章

  • 使用Fetch API执行GraphQL查询和变体问题

    使用Fetch API执行GraphQL查询和变体问题

    这篇文章主要介绍了使用Fetch API执行GraphQL查询和变体问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • 用node开发并发布一个cli工具的方法步骤

    用node开发并发布一个cli工具的方法步骤

    这篇文章主要介绍了用node开发并发布一个cli工具的方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • 详解HTTPS 的原理和 NodeJS 的实现

    详解HTTPS 的原理和 NodeJS 的实现

    这篇文章主要介绍了详解HTTPS 的原理和 NodeJS 的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 详解如何使用Node.js实现热重载页面

    详解如何使用Node.js实现热重载页面

    这篇文章主要介绍了详解如何使用Node.js实现热重载页面,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • express+multer上传图片打开乱码问题及解决

    express+multer上传图片打开乱码问题及解决

    这篇文章主要介绍了express+multer上传图片打开乱码问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • nodejs之请求路由概述

    nodejs之请求路由概述

    这篇文章主要介绍了nodejs的请求路由概述,需要的朋友可以参考下
    2014-07-07
  • node 安装 windows-build-tools全过程

    node 安装 windows-build-tools全过程

    这篇文章主要介绍了node 安装 windows-build-tools全过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Node.js 实现简单的无侵入式缓存框架的方法

    Node.js 实现简单的无侵入式缓存框架的方法

    这篇文章主要介绍了Node.js 实现简单的无侵入式缓存框架的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • node.js实现回调的方法示例

    node.js实现回调的方法示例

    这篇文章主要介绍了node.js实现回调的方法,结合实例形式分析了node.js实现向回调函数传递参数、闭包的使用及链式回调相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • nodejs和php实现图片访问实时处理

    nodejs和php实现图片访问实时处理

    这篇文章主要为大家详细介绍了nodejs和php分别实现图片访问实时处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论