快递,如何从HTML获得价值

我有快递节点,我有简单的index.html文件,像下面的服务

app.js

app.use(express.static(path.join(__dirname, 'public'))); app.get('/', function(req, res){ res.sendFile(path.join(__dirname, 'views/index.html')); }); app.post('/up', function(req, res){ 

….

的index.html

  <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="panel panel-default"> <div class="panel-body"> <span class="glyphicon glyphicon-cloud-upload"></span> File Name: <input type="text" name="FileName"><br> <div class="progress"> <div class="progress-bar" role="progressbar"></div> </div> <button class="btn btn-lg up-btn" type="button">Run App</button> </div> </div> </div> </div> </div> 

当用户运行应用程序有input字段file Name ,他可以在那里键入值,我想获得的值,当用户点击button上 Run App app.js的post方法内的Run App ,我怎样才能得到它?

我尝试着没有成功的事件

首先,你应该有一个表单到你的HTMLbuttontypessubmit

 <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="panel panel-default"> <div class="panel-body"> <span class="glyphicon glyphicon-cloud-upload"></span> <form action="up" method="POST"> File Name: <input type="text" name="FileName"><br> <div class="progress"> <div class="progress-bar" role="progressbar"></div> </div> <button class="btn btn-lg up-btn" type="submit">Run App</button> </form> </div> </div> </div> </div> </div> 

然后在你的服务器上,你需要有body-parser包: https : //www.npmjs.com/package/body-parser

然后到服务器端应用程序,你需要这个代码:

 var express = require('express'); var bodyParser = require('body-parser'); app.use(express.static(path.join(__dirname, 'public'))); app.use(bodyParser()); app.get('/', function(req, res){ res.sendFile(path.join(__dirname, 'views/index.html')); }); app.post('/up', function(req, res){ var txt_folder_name = req.body.FileName; //Do other stuff }) 

为了expression,您可以使用bodyParser()中间件,并从req.body获取submited字段。

 var express = require('express'); var bodyParser = require('body-parser'); var app = express(); app.use(bodyParser()); app.post('/uploaded',function(req, res, next){ var txt_folder_name = req.body.txtFolderName; //... });