[解決済み] 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の初心者なので、何か間違いがあれば許してください。

どのように解決するのですか？

この 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>