-1
사용자가 제출 한 이미지를 가져와 이미지가 렌더링 된 새 페이지로 자동 리디렉션하는 페이지를 만들려고합니다. 내 코드의 대부분은 여기에서 빌려 왔습니다 : How to pass uploaded image to template.html in Flask. 그러나 나는 그것이 작동하도록 할 수는 없다. 나는 400 : 나쁜 요구에 부딪친 다. 이미지가 /static/images 이하로 저장되지 않는 것 같지만 그 이유는 확실하지 않습니다.Flask 및 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에 렌더링하려고 :
index.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 %}
여기서 나는 어디로 가고 있습니까?