Envoi de données depuis un formulaire HTML vers un script Python en Flask

Question

J'ai le code ci-dessous dans mon script 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)

De plus, j'ai un formulaire HTML dans init.html :

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

Comment puis-je passer l'entrée utilisateur de "projectFilepath" quand un utilisateur clique sur "spotButton" sur une variable dans mon script python ?

Je suis nouveau dans Python et Flask, alors pardonnez-moi si je fais des erreurs.

Answer 1

El form a besoin de certains attributs :

1. action : L'URL à laquelle les données du formulaire sont envoyées lors de l'envoi. Générez-la avec url_for . Il peut être omis si la même URL gère l'affichage du formulaire et le traitement des données.
2. method="post" : Soumet les données en tant que données de formulaire avec la méthode POST. Si elle n'est pas donnée, ou si elle est explicitement définie à get les données sont soumises dans la chaîne de requête ( request.args ) avec la méthode GET à la place.
3. enctype="multipart/form-data" : Lorsque le formulaire contient des entrées de fichiers, il doit avoir cet encodage défini, sinon les fichiers ne seront pas téléchargés et Flask ne les verra pas.

El input a besoin d'une balise name paramètre.

Ajoutez une vue pour gérer les données soumises, qui se trouvent dans le fichier request.form sous la même clé que l'entrée name . Toute entrée de fichier sera en request.files .

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

Définissez les paramètres du formulaire action à l'URL de cette vue en utilisant url_for :

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

Answer 2

Vous avez besoin d'une vue Flask qui recevra les données POST et d'un formulaire HTML qui les enverra.

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>