[已解决]Flask显示图片

鱼cpython学习者 · 发表于 2021-5-29 11:12:47

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

想用flask做一个网页，但发现没有办法在网页上显示图片

from flask import Flask

app = Flask(__name__)


@app.route('/')
def hello_world():
    return '<img src="E:\\MyPythonProjects\\Flask\\test.png">'


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

最佳答案

月排行榜 / 总排行榜

suchocolate

2021-5-29 12:18:20

本帖最后由 suchocolate 于 2021-5-29 13:27 编辑

一、写路径时要写图片相对于本flask脚本的路径，例如在本app.py的同级文件夹staic下面：

return '<img src="/static/test.jpg">'

二、另外Flask的分工明确，html模板一般放在templates里，静态资源如css，javascript，图片等放在static里：
Screenshot 2021-05-29 125440.jpg

1.主程序

from flask import Flask
from flask import render_template

app = Flask(__name__)


@app.route('/')
def test():
    return render_template('test_jpg.html')   # render_template函数用于渲染html模板


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

2.在Flask的templates里新建html：test_jpg.html

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Test PIC</title>
  </head>
  <body>
     <img src="{{ url_for('static', filename='test.jpg') }}">  
     <!--双大括号{{}}是模板语法的表达式，url_for是flask自带的函数，用于生成图片的路径。-->
     <!--如果不想用模板语法，也可以直接写src的路径src="/static/test.jpg"。-->
  </body>
</html>

3.把图片放到static文件夹里
4.访问测试：
Screenshot 2021-05-29 125618.jpg

跳转到最佳答案楼层

wp231957 · 发表于 2021-5-29 11:30:10

服务器不是这样玩的
你要显示的图片应该是服务器提供的，而不是本地硬盘提供的

suchocolate · 发表于 2021-5-29 12:18:20

这个最佳答案由 suchocolate 给出，感谢 suchocolate 的回答。

单击隐藏图章

本帖最后由 suchocolate 于 2021-5-29 13:27 编辑

一、写路径时要写图片相对于本flask脚本的路径，例如在本app.py的同级文件夹staic下面：

return '<img src="/static/test.jpg">'

二、另外Flask的分工明确，html模板一般放在templates里，静态资源如css，javascript，图片等放在static里：
Screenshot 2021-05-29 125440.jpg

1.主程序

from flask import Flask
from flask import render_template

app = Flask(__name__)


@app.route('/')
def test():
    return render_template('test_jpg.html')   # render_template函数用于渲染html模板


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

2.在Flask的templates里新建html：test_jpg.html

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Test PIC</title>
  </head>
  <body>
     <img src="{{ url_for('static', filename='test.jpg') }}">  
     <!--双大括号{{}}是模板语法的表达式，url_for是flask自带的函数，用于生成图片的路径。-->
     <!--如果不想用模板语法，也可以直接写src的路径src="/static/test.jpg"。-->
  </body>
</html>

3.把图片放到static文件夹里
4.访问测试：
Screenshot 2021-05-29 125618.jpg

鱼cpython学习者 · 发表于 2021-5-29 16:13:19

suchocolate 发表于 2021-5-29 12:18
一、写路径时要写图片相对于本flask脚本的路径，例如在本app.py的同级文件夹staic下面：

成功了，感谢

账号		自动登录	找回密码
密码			立即注册