标签：lis java ntb end xhr div for style pat
<!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>
服务器
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("开始监听"); });
标签：lis java ntb end xhr div for style pat
原文地址：http://www.cnblogs.com/liujinyu/p/7281486.html
