[已解决]Flask显示图片

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

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

x

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

复制代码

最佳答案

suchocolate

2021-5-29 12:18:20

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

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

复制代码

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

1.主程序

复制代码

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') }}">
</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 于 2021-5-29 13:27 编辑

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

复制代码

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

1.主程序

复制代码

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') }}">
</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下面：

成功了，感谢

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