如何在Flask中将上传的图像传递到template.html - python

我正在使用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)

在python中生成HTML文档 - python

在python中，生成HTML文档的最优雅的方法是什么。我目前手动将所有标签附加到一个巨大的字符串，并将其写入文件。有没有更优雅的方式做到这一点？参考方案我发现yattag是执行此操作的最优雅的方法。from yattag import Doc doc, tag, text = Doc().tagtext() with tag('html�…

单行的'if'/'for'语句是否使用Python样式好？ - python

我经常在这里看到某人的代码，看起来像是“单线”，这是一条单行语句，以传统的“if”语句或“for”循环的标准方式执行。我在Google周围搜索，无法真正找到可以执行的搜索类型？任何人都可以提出建议并最好举一些例子吗？例如，我可以一行执行此操作吗？example = "example" if "exam" in exam…

为什么使用'=='或'is'比较字符串有时会产生不同的结果？ - python

我有一个Python程序，其中将两个变量设置为'public'值。在条件表达式中，我有比较var1 is var2失败，但如果将其更改为var1 == var2，它将返回True。现在，如果我打开Python解释器并进行相同的“是”比较，则此操作成功。>>> s1 = 'public' >>…

Python BeautifulSoup html.parser无法正常工作 - javascript

我有一个脚本可以从Amazon处获取图书信息，该脚本以前曾成功运行，但今天却失败了。我无法弄清楚到底出了什么问题，但我假设它与解析器或Javascript有关。我正在使用以下代码。from bs4 import BeautifulSoup import requests response = requests.get('https://www.am…

Python pytz时区函数返回的时区为9分钟 - python

由于某些原因，我无法从以下代码中找出原因：>>> from pytz import timezone >>> timezone('America/Chicago') 我得到：<DstTzInfo 'America/Chicago' LMT-1 day, 18:09:00 STD…

如何在Flask中将上传的图像传递到template.html - python

腾讯的同事天天给我安利让我看《三体》，说马化腾和雷军也在…