2

Flask と WTForms の FileField フォーム フィールドを使用して、ファイルを Web サーバーにアップロードするアプリを構築しようとしています。投稿は正常に行われていますが、特定のバリデーターがすべて成功しているにもかかわらず、毎回 form.validate_on_submit() が失敗する理由に興味があります。フォーム (forms.py)、アプリ (main.py)、および html テンプレート (upload.html) のコードは次のとおりです。

### forms.py   

from flask.ext.wtf import Form
from flask.ext.wtf.html5 import EmailField
from flask.ext.wtf.file import FileField, FileRequired, FileAllowed
from wtforms import validators, ValidationError, SubmitField

class UploadForm(Form):
  presentation = FileField('Presentation in Image Format', validators=[FileRequired(), FileAllowed(['jpg', 'png'], 'Images only!')])
  submit = SubmitField("Send")



### main.py

from forms import UploadForm
from flask import render_template, url_for, redirect, send_from_directory

@app.route('/upload/', methods=('GET', 'POST'))
  def upload():
    form = UploadForm()
    if form.validate_on_submit():
      filename = secure_filename(form.presentation.file.filename)
      print filename
      form.presentation.file.save(os.path.join('uploads/', filename))
      return redirect(url_for('uploads', filename=filename))
    filename = None
    return render_template('upload.html', form=form, filename=filename)

@app.route('/uploads/<filename>')
  def uploaded_file(filename):
    return send_from_directory(app.config['UPLOAD_FOLDER'], filename)



### upload.html
   {% for message in form.presentation.errors %}
     <div class="flash">{{ message }}</div>
   {% endfor %}
   <form action="/upload/" method="POST" enctype="multipart/form-data">
     {{ form.presentation.label }}
     {{ form.presentation }}
     {{ form.submit}}
   </form>

これが検証されない理由を誰かが知っていますか? または、validate_on_submit() を使用しないでください。

4

1 に答える 1

8

Flask-WTF はデフォルトで CRSF を有効にしますform.errors。 を出力すると、csrf トークンが必要であることを示すメッセージが表示されます。

解決策は簡単で{{ form.csrf_token }}、テンプレートに入れるか、フォームの CSRF を無効にしますが、実際にはそのようなことはすべきではありません。

<form action="/upload/" method="POST" enctype="multipart/form-data">
 {{ form.presentation.label }}
 {{ form.presentation }}
 {{ form.csrf_token }}
 {{ form.submit}}
</form>

すべての非表示フィールドをフォームに追加する簡単な方法もありますhidden_tags:

<form action="/upload/" method="POST" enctype="multipart/form-data">
 {{ form.presentation.label }}
 {{ form.presentation }}
 {{ form.hidden_tag() }}
 {{ form.submit}}
</form>
于 2014-01-17T03:08:48.337 に答える