如何使web(flask建立)上呈现图片
时间: 2023-08-14 08:08:25 浏览: 130
Python flask框架如何显示图像到web页面
要在 Flask 中呈现图片,需要在 HTML 模板中使用 `img` 标签,并将 `src` 属性设置为图片的 URL。具体操作如下:
1. 在 Flask 中设置静态文件目录:
```python
app = Flask(__name__, static_folder='static')
```
2. 在静态文件目录中添加图片文件。例如,我们在 `static` 目录下添加了一张名为 `example.jpg` 的图片。
3. 在 HTML 模板中使用 `img` 标签,并将 `src` 属性设置为图片的 URL。例如:
```html
<img src="{{ url_for('static', filename='example.jpg') }}" alt="Example Image">
```
在上述例子中,我们使用了 Flask 的 `url_for` 函数来生成图片的 URL。`url_for` 函数会根据视图函数的名称和参数生成对应的 URL。其中,`filename='example.jpg'` 表示要访问的图片文件名。
4. 在视图函数中渲染 HTML 模板。例如:
```python
from flask import render_template
@app.route('/')
def index():
return render_template('index.html')
```
在上述例子中,我们定义了一个路由 `/`,并在视图函数 `index` 中渲染了名为 `index.html` 的 HTML 模板。在模板中,我们使用了 `img` 标签来呈现图片。
5. 启动 Flask 应用,访问对应的 URL。例如,我们可以在浏览器中访问 `http://localhost:5000/` 来查看页面中的图片。
阅读全文