在 Flask 中将数据从 HTML 表单发送到 Python 脚本

我的 Python 脚本中有以下代码:

def cmd_wui(argv, path_to_tx):
"""Run a web UI."""
from flask import Flask, flash, jsonify, render_template, request
import webbrowser
app = Flask(__name__)




@app.route('/tx/index/')
def index():
"""Load start page where you select your project folder
or load history projects from local DB."""
from txclib import get_version
txc_version = get_version()
prj = project.Project(path_to_tx)


# Let's create a resource list from our config file
res_list = []
prev_proj = ''
for idx, res in enumerate(prj.get_resource_list()):
hostname = prj.get_resource_host(res)
username, password = prj.getset_host_credentials(hostname)
return render_template('init.html', txc_version=txc_version, username=username)

另外，我在 init.HTML 中有一个 HTML 表单:

<form>
<input type="text" id="projectFilepath" size="40" placeholder="Spot your project files">
<input type="button" id="spotButton" value="Spot">
</form>

当用户单击 python 脚本中某个变量的“ spotButton”时，如何传递来自“ projectFilepath”的用户输入？

我是巨蟒和酒瓶的新手，所以如果我犯了什么错误，请原谅我。

337783 次浏览
小开
最佳答案

form标记需要设置一些属性:

  1. action: 表单数据在提交时发送到的 URL。用 url_for生成它。如果相同的 URL 句柄显示表单并处理数据，则可以省略它。
  2. method="post": 使用 POST 方法将数据作为表单数据提交。如果没有给出，或者显式设置为 get，数据将在查询字符串(request.args)中用 GET 方法提交。
  3. enctype="multipart/form-data": 当表单包含文件输入时，它必须有这个编码集，否则文件将不会被上传，Flask 将看不到它们。

input标记需要一个 name参数。

添加一个视图来处理提交的数据，该数据位于 request.form中，与输入的 name在同一个键下。任何文件输入都将在 request.files中。

@app.route('/handle_data', methods=['POST'])
def handle_data():
projectpath = request.form['projectFilepath']
# your code
# return a response

使用 url_for将表单的 action设置为该视图的 URL:

<form action="\{\{ url_for('handle_data') }}" method="post">
<input type="text" name="projectFilepath">
<input type="submit">
</form>
小开

您需要一个将接收 职位数据的 Flask 视图和一个将发送该数据的 HTML form。

from flask import request


@app.route('/addRegion', methods=['POST'])
def addRegion():
...
return (request.form['projectFilePath'])
   


<form action="\{\{ url_for('addRegion') }}" method="post">
Project file path: <input type="text" name="projectFilePath"><br>
<input type="submit" value="Submit">
</form>

提交答案