2017-12-31 90 views
-1

ユーザーが投稿したイメージを取り込んで、イメージがレンダリングされる新しいページに自動的にリダイレクトするページを作成しようとしています。私のコードの多くはここから借りています:How to pass uploaded image to template.html in Flask。しかし、私はそれを動作させるように見えることはできません。私は400:悪い要求にぶつかる。画像は/static/imagesの下に保存されていないようですが、その理由はわかりません。ここでFlaskとhtmlでリダイレクトされたページに投稿画像を表示

index.htmlに提出フォームである:ここで

<form method="POST" action="{{ url_for('predict') }}" enctype="multipart/form-data"> 
    <label for="file-input" class="custom-file-upload"> 
     <i class="fa fa-cloud-upload"></i> Upload Image 
    </label> 
    <input name="image-input" id="file-input" type="file" align="center" onchange="this.form.submit();"> 
</form> 

は私app.pyコードです:

from flask import Flask, render_template, request, url_for, send_from_directory, redirect 
from werkzeug import secure_filename 
import os 

UPLOAD_FOLDER = '/static/images/' 
ALLOWED_EXTENSIONS = set(['png', 'jpg', 'jpeg', 'tiff']) 

def allowed_file(filename): 
    return '.' in filename and \ 
      filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS 

app = Flask(__name__) 
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER 

@app.route('/') 
def index(): 
    return render_template("index.html") 

@app.route('/predict/', methods=['POST', 'GET']) 
def predict(): 
    if request.method == 'POST': 
     file = request.files['file'] 
     if file and allowed_file(file.filename): 
      filename = secure_filename(file.filename) 
      file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename)) 
      return redirect(url_for('uploaded_file', filename=filename)) 
    return ''' 
    <!doctype html> 
    <title>Upload new File</title> 
    <h1>Upload new File</h1> 
    <form action="" method=post enctype=multipart/form-data> 
     <p><input type=file name=file> 
     <input type=submit value=Upload> 
    </form> 
    ''' 

@app.route('/show/<filename>') 
def uploaded_file(filename): 
    return render_template('classify.html', filename=filename) 

@app.route('/uploads/<filename>') 
def send_file(filename): 
    return send_from_directory(UPLOAD_FOLDER, filename) 


if __name__ == '__main__': 
    app.run(debug=True) 

そして最後に、私は次のコードで、classify.htmlでそれをレンダリングしてみてください:

{% if filename %} 
    <h1>some text<img src="{{ url_for('send_file', filename=filename) }}"> more text!</h1> 
    {% else %} 
    <h1>no image for whatever reason</h1> 
    {% endif %} 

ここで私は間違っていますか?

答えて

0

私の入力には引数がありませんでした:name=fileindex.htmlのように見えます。それを追加すると、エラーが修正されました。全体として、入力行は次のようになります。

<input id="file-input" name=file type="file" align="center" onchange="this.form.submit();">

関連する問題