flask返回路由中实现150张图片点击第150张返回到第一张
时间: 2024-03-01 22:51:48 浏览: 35
python 实现Flask中返回图片流给前端展示
5星 · 资源好评率100%
可以通过如下的方式实现:
```python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html', img_num=1)
@app.route('/next/<int:img_num>')
def next(img_num):
img_num += 1
if img_num > 150:
img_num = 1
return render_template('index.html', img_num=img_num)
if __name__ == '__main__':
app.run(debug=True)
```
在模板 `index.html` 中,可以通过 `url_for` 函数来生成下一张图片的链接:
```html
<img src="{{ url_for('static', filename='images/' + img_num + '.jpg') }}" />
<a href="{{ url_for('next', img_num=img_num) }}">Next</a>
```
当点击下一张图片的链接时,会调用 `next` 路由,然后根据当前图片编号计算下一张图片的编号,并将其传递给模板。如果当前图片已经是最后一张,则返回第一张图片。
阅读全文