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

Posted 2023-02-22

【中文标题】将数据从 HTML 表单发送到 Flask 中的 Python 脚本

【英文标题】：Sending data from HTML form to a Python script in Flask

【发布时间】：2012-07-18 09:48:14

【问题描述】：

我的 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 标签需要设置一些属性：

action：表单数据在提交时发送到的 URL。使用url_for 生成它。如果相同的 URL 处理显示表单和处理数据，则可以省略它。 method="post"：将数据作为表单数据以POST方式提交。如果未给出，或明确设置为get，则数据将通过 GET 方法在查询字符串 (request.args) 中提交。 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>

【参考方案2】：

你需要一个接收 POST 数据的 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>