在 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”的用户输入？

我是 Python 和 Flask 的新手，所以如果我犯了任何错误，请原谅我。

解决方案 1：

该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

使用以下命令将表单设置action为该视图的 URL url_for：

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

解决方案 2：

您需要一个用于接收POSTform数据的 Flask 视图和一个用于发送该数据的HTML 。

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>