Отправка данных из HTML-формы в скрипт Python во Flask

84

В моем скрипте 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)

Также у меня есть HTML-форма в init.html:

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

Как я могу передать ввод пользователя из «projectFilepath», когда пользователь нажимает «spotButton» на переменной в моем скрипте python?

Я новичок в Python и Flask, так что простите меня, если я сделаю ошибки.

Мпампинос Холменс
источник
1
Ваш projectFilepathввод должен иметь установленный nameатрибут - тогда вы можете получить доступ к значению в request.args.value_of_name(или, request.form.value_of_nameесли выполняете POSTзапрос.
Шон Виейра,
2
Я хотел подчеркнуть тонкость того, что вы используете idатрибут в <input>теге, тогда как в приведенных ниже ответах используется name. nameэто то, что вы хотите, потому что это то, что является ключом request.form.
Трентон

Ответы:

154

Для 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

Установите для формы actionURL-адрес этого представления, используя url_for:

<form action="{{ url_for('handle_data') }}" method="post">
    <input type="text" name="projectFilepath">
    <input type="submit">
</form>
codecool
источник
7
methodна самом деле не является обязательным - по умолчанию GET. В противном случае вы на месте.
Шон Виейра
4
Будучи новичком (буквально в первый день работы над Flask), я сначала не осознавал, что нужно делатьfrom flask import Flask, request
CodeFinity
3
Я предпочитаю использовать request.form.get('projectFilepath')вместо, request.form['projectFilepath']чтобы избежать исключения при отправке нулевого значения.
Ibrahim.H
2
Еще одна вещь, на которую url_forследует обратить внимание,handle_data
поиск
57

Вам нужно представление Flask, которое будет получать данные POST, и 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>
Давид Дрозд
источник