快递,如何从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; //... });