express的中间件bodyParser详解_Javascript教程-查字典教程网
express的中间件bodyParser详解
express的中间件bodyParser详解
发布时间:2016-12-30 来源:查字典编辑
摘要:bodyParser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理.下面是一个文件上传...

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="上传文件" />

<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的处理.

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类