首页写出flask后端将多个本地图片传到前端展示并下载的前后端代码

写出flask后端将多个本地图片传到前端展示并下载的前后端代码

时间: 2024-06-10 20:09:21 浏览: 211

可以的，以下是一个简单的Flask后端示例代码，用于将多个本地图片传输到前端进行展示和下载：后端代码： ```python from flask import Flask, render_template, send_file import os app = Flask(__name__) @app.route('/') def index(): # 获取本地图片列表 img_list = os.listdir('./images') return render_template('index.html', img_list=img_list) @app.route('/download/<filename>') def download(filename): # 下载指定的图片文件 return send_file('./images/' + filename, as_attachment=True) if __name__ == '__main__': app.run() ``` 前端代码（使用Jinja2模板引擎）： ```html <!DOCTYPE html> <html> <head> <title>图片展示和下载</title> </head> <body> {% for img in img_list %} <img src="{{ img }}" alt="{{ img }}"> <br> <a href="/download/{{ img }}">下载</a> <hr> {% endfor %} </body> </html> ``` 使用此代码，您需要在运行此程序的目录下创建一个名为“images”的文件夹，并在其中放置您要在前端展示和下载的图片文件。您可以通过访问http://localhost:5000来查看您的图片展示和下载页面。

阅读全文