HTML 양식에서 Flask의 Python 스크립트로 데이터 보내기


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)

또한 init.html에 HTML 양식이 있습니다.

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

사용자가 파이썬 스크립트의 변수에서 "spotButton"을 클릭 할 때 "projectFilepath"에서 사용자 입력을 어떻게 전달할 수 있습니까?

저는 Python과 Flask를 처음 사용하므로 실수하면 용서해주세요.


1
귀하의 projectFilepath입력은 있어야 name다음의 값에 액세스 할 수 있습니다 - 속성 세트를 request.args.value_of_name(또는 request.form.value_of_name하고있는 경우 POST요청을.
숀 비에이라

2
태그 의 id속성을 사용하고있는 미묘함을 밝히고 싶었지만 <input>아래 답변은 name. name에서 키로 제공되는 것이기 때문에 원하는 것입니다 request.form.
Trenton

답변:


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

다음을 사용하여 양식 action을 해당보기의 URL로 설정합니다 url_for.

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

7
method실제로는 선택 사항 GET입니다. 기본값은 입니다. 그렇지 않으면 당신은 자리에 있습니다.
숀 비에이라

4
멍청한 사람 (말 그대로 Flask에서 작업하는 첫날) 이었기 때문에 처음에는 반드시해야한다는 것을 깨닫지 못했습니다.from flask import Flask, request
CodeFinity 2018

3
null 값이 전송되면 예외가 발생하지 않도록 request.form.get('projectFilepath')대신 사용하는 것을 선호합니다 request.form['projectFilepath'].
Ibrahim.H 19

2
통지에 대한 또 다른 한가지는 url_for, 그래서 여기에 당신의보기를 지정해야합니다 그 이름을 가진 함수의 외모handle_data
TrigonaMinima

57

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>
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.