当前位置: 首页 > 知识库问答 >
问题:

python flask在html页面上显示图像[重复]

宇文航
2023-03-14

我试图通过一个图像的文件名并呈现在模板上虽然我通过它的实际名称不显示在页面上

@app.route('/', methods=['GET','POST'])
@app.route('/start', methods=['GET','POST'])
def start():
person_to_show = 'tim'
profilepic_filename = os.path.join(people_dir, person_to_show, "img.jpg")
return render_template('start.html',profilepic_filename  =profilepic_filename )

例如:profilepic_filename=/data/tim/img.jpg我已经试过了

{{profilepic_filename}}
<img src="{{ url_for('data', filename='tim/img.jpg') }}"></img>

而且我也尝试过

<img src="{{profilepic_filename}}"></img>

这两个都不管用

共有1个答案

魏元白
2023-03-14

我在static文件夹中创建了people\u photo,并放置了一个名为shovon.jpg的图像。从application.py中,我将图像作为变量传递给模板,并使用模板中的img标记显示它。

application.py中:

from flask import Flask, render_template
import os

PEOPLE_FOLDER = os.path.join('static', 'people_photo')

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

@app.route('/')
@app.route('/index')
def show_index():
    full_filename = os.path.join(app.config['UPLOAD_FOLDER'], 'shovon.jpg')
    return render_template("index.html", user_image = full_filename)

index.html中:

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
</head>
<body>
    <img src="{{ user_image }}" alt="User Image">
</body>
</html>

输出:

 类似资料:
  • 我试图显示与Html文件位于同一文件夹中的静态图像,但似乎无法获得正确显示的正确路径。我正在开发的应用程序还包括一个从数据库获取数据的java后端,我使用HTML和javascript在前端显示它,整个应用程序作为插件在Web服务器上运行。图像和Html文件都位于此处: Web应用程序的URL路径是: <代码>https://staging.com/jira/secure/SchedulerAct

  • 我使用spring boot并尝试加载图像到我的html页面。 文件的完整路径:file:///d:/dyplom%20project/src/main/resources/static/slove.png当我在浏览器中运行时,所有工作和图像都在上传。 而当我转到localhost-welcomepage时,我有它: 控制台错误: 这与路径错误

  • 问题内容: 我正在为网络相册应用程序创建一套Selenium测试。我想测试图像是否实际显示(它包含有效的图像数据)。这样的事情可能吗? 问题答案: 在图像的src符合预期但图像未显示在页面上之前,我遇到过类似的情况。 您可以使用JavaScriptExcecutor检查图像是否显示。 使用以下代码-传递WebElement(图像)- 通过执行此操作,可以验证图像是否已实际加载到网页上。

  • 问题内容: 在JPanel上显示jpg图像(从本地文件夹加载)的最合适的图像类型是什么? 干杯。 问题答案:

  • 问题内容: 我目前正在尝试开发一个应用程序,使其访问以下网站(http://lulpix.com)并解析HTML,并从以下部分获取img src 当然,每次加载页面时它都会有所不同,因此,例如,我无法将直接URL分配给我打算做的异步图像库 加载页面 >解析img src>下载Async到imageview>重新加载lulpix.com>重新开始 然后将它们分别放置在图像视图中,用户可以从中向左或向

  • 我写了一个游戏java脚本代码,我需要用超文本标记语言显示分数变量。我尝试它,但它总是打印0,而不是增加分数。分数变量递增1,但在超文本标记语言页面上,它保持显示0。在哪里我应该改变标签以正确显示它,还是我需要改变它java脚本得分功能? 我的Java脚本代码: HTML代码: