如何在Flask中将上传的图像传递到template.html
我正在使用flask，并尝试使用快速入门教程（仅在我的计算机（本地服务器）上运行）做一些非常简单的事情。我制作了一个简单的上传表单，可以成功上传图像文件。然后，我想将此图像作为变量传递给，template.html以在页面内显示。该template.html文件显示正常，但图像始终为broken link image symbol。我尝试了许多不同的方法，但是我感觉自己做的事情有点错误。
import os
from flask import Flask, request, redirect, url_for, send_from_directory,
render_template
UPLOAD_FOLDER = '/home/me/Desktop/projects/flask/uploads'
ALLOWED_EXTENSIONS = set(['txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif'])
app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
def allowed_file(filename):
return '.' in filename and \
filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS
@app.route('/', methods=['GET', 'POST'])
def upload_file():
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('/uploads/<filename>')
def uploaded_file(filename):
filename = 'http://127.0.0.1:5000/uploads/' + filename
return render_template('template.html', filename = filename)
if __name__ == '__main__':
app.run()
这是template.html：
<!doctype html>
<title>Hello from Flask</title>
{% if filename %}
<h1>some text<img src="{{filename}}"> more text!</h1>
{% else %}
<h1>no image for whatever reason</h1>
{% endif %}
如何将上传的图像文件传递到，template.html以便正确显示？
问题答案：
现在发生的是/uploads/foo.jpg返回template.html中的HTML。在这里，你尝试/uploads/foo.jpg用作img标签的来源。你无处可提供实际图像。
让我们这样修改它：/show/foo.jpg返回HTML页面并/uploads/foo.jpg返回图像。用这两条替换后一条路线，你应该会很好：
@app.route('/show/<filename>')
def uploaded_file(filename):
filename = 'http://127.0.0.1:5000/uploads/' + filename
return render_template('template.html', filename=filename)
@app.route('/uploads/<filename>')
def send_file(filename):
return send_from_directory(UPLOAD_FOLDER, filename)
-
问题内容： 我目前正在使用 http://paperjs.org 创建HTML5画布绘图应用程序。我想让用户将图像上传到画布中。我知道我需要进行登录和注册，但是有更简单的方法吗？我已经看到HTML5拖放式上传。 问题答案： 我假设您的意思是将图像加载到画布中，而不是从画布上载图像。 在这里阅读他们所有的画布文章可能是一个好主意 但基本上，您要做的是在javascript中创建图片，然后将image
-
问题内容： 我建立了一个可以摄取图像的模型，可以读取像素级别的图像，然后确定图像中包含猫还是狗。出于教育目的，我现在尝试将其放入Flask应用程序中（以前从未使用过Flask）。到目前为止，我的工作：用户上传图像，Flask将图像保存到磁盘，图像被操纵并发送到模型，模型预测，然后从模板生成输出页面。现在，我想显示用户上传的图像，但是遇到了问题。适用的代码在这里： 和模板： 我要返回的是“预测：ya
-
问题内容： 我的应用程序调用了一个返回字典的API。我想将信息从此字典传递给视图中的JavaScript。具体来说，我在JS中使用Google Maps API，因此我希望向其传递包含长/短信息的元组列表。我知道会将这些变量传递给视图，以便可以在HTML中使用它们，但是如何将它们传递给模板中的JavaScript？ 问题答案： 将几乎所有Python对象都转换为JavaScript对象的理想方法是
-
我的应用程序调用一个返回字典的API。我想将这个dict中的信息传递给视图中的JavaScript。我在JS中特别使用了Google Maps API，所以我想传递给它一个包含long/lat信息的元组列表。我知道会将这些变量传递给视图，以便它们可以在HTML中使用，但是我如何才能在模板中将它们传递给JavaScript呢？
-
问题内容： 我正在使用签名的Java小程序从用户的文件系统加载图像。 然后，我想在运行小程序的网站中显示此图像。 我知道如何在applet和JavaScript之间进行通信，但是我只使用字符串和数字作为参数。 如何处理图像对象，如何在网站上显示它们？ 如果需要，我可以在applet中转换格式以匹配JavaScript。 编辑： 我通过JSObject的调用将Image对象从Java传递给了java
-
问题内容： 我正在使用matplotlib在Web应用程序中渲染某些图形。我以前只在运行脚本时使用过。但是，我需要一个函数来返回实际的“ .png”图像，以便可以使用HTML进行调用。 更多（可能不必要的）信息：我正在使用Python Flask。我认为我可以使用该图形并将其粘贴在我的静态文件夹中，然后从我的HTML中调用它，但是我宁愿每次都不要这样做。如果我可以仅创建图形，从中创建图像，返回该图