flask上传图片并显示

时间: 2023-08-15 10:07:05 浏览: 51
下面是一个使用 Flask 实现图片上传和显示的示例: ```python from flask import Flask, request, redirect, url_for, render_template import os app = Flask(__name__) # 设置允许上传的文件格式 ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'} # 检查文件是否符合要求 def allowed_file(filename): return '.' in filename and \ filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS # 上传图片 @app.route('/', methods=['GET', 'POST']) def upload_file(): if request.method == 'POST': # 检查是否有上传的文件 if 'file' not in request.files: return redirect(request.url) file = request.files['file'] # 如果用户没有选择文件,也会发送一个空的文件名 if file.filename == '': return redirect(request.url) # 检查文件格式是否符合要求 if file and allowed_file(file.filename): # 保存上传的文件到服务器 filename = file.filename file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename)) # 显示上传的图片 return redirect(url_for('uploaded_file', filename=filename)) # 显示上传页面 return render_template('upload.html') # 显示图片 @app.route('/uploads/<filename>') def uploaded_file(filename): return render_template('show.html', filename=filename) if __name__ == '__main__': app.config['UPLOAD_FOLDER'] = 'uploads' app.run(debug=True) ``` 在此示例中,我们设置了允许上传的文件格式为 png、jpg、jpeg 和 gif。在 `upload_file` 函数中,我们首先检查是否有上传的文件,并且文件格式是否符合要求。如果一切正常,我们将文件保存到服务器,并且重定向到 `uploaded_file` 函数来显示上传的图片。 在 `uploaded_file` 函数中,我们渲染一个模板来显示上传的图片。 为了使此示例正常工作,您需要在 Flask 应用程序的根目录下创建两个 HTML 模板文件,分别命名为 `upload.html` 和 `show.html`。`upload.html` 模板用于显示上传页面,`show.html` 模板用于显示上传的图片。这两个模板文件的内容如下: `upload.html` 模板: ```html <!doctype html> <html> <head> <title>Upload new File</title> </head> <body> <h1>Upload new File</h1> <form method=post enctype=multipart/form-data> <input type=file name=file> <input type=submit value=Upload> </form> </body> </html> ``` `show.html` 模板: ```html <!doctype html> <html> <head> <title>Image</title> </head> <body> <h1>Image</h1> <img src="{{ url_for('static', filename='uploads/' + filename) }}" alt="image"> </body> </html> ``` 以上示例中,我们使用了 Flask 的 `url_for` 函数来构建图片的 URL。这里要注意的是,我们将上传的图片保存到了名为 `uploads` 的文件夹中。如果您希望将文件保存到其他文件夹中,需要相应地修改代码。 另外,我们还需要在 Flask 应用程序中设置一个名为 `UPLOAD_FOLDER` 的配置变量,用于指定上传文件的保存路径。在示例中,我们将保存路径设置为 `uploads`。如果您希望将上传的文件保存到其他路径,需要相应地修改代码。

相关推荐

最新推荐

recommend-type

《Google Android SDK开发范例大全(第3版)》.pdf

8.24 通过内嵌flash player播放flv电影 603 8.25 webview网站session cookie判断与访问 606 8.26 文件下载管理器 613 8.27 手机socket联机拨号服务器 620 第9章 google服务与android完美整合 628 9.1...
recommend-type

php课程(共100多节)

78:PHP+Flash多文件异步上传 swfupload 79:PHP上传RAR压缩包并解压目录 80:ADODB PHP 数据库万能引擎类(上) 81:ADODB PHP 数据库万能引擎类(下) 82:PHP开发通用采集入库程序 83:PHP开发通用采集入库程序二...
recommend-type

asp连接数据库代码实例

--------如果是每行显示n个纪录结束----------------------------- (\"id\")%&gt; i=i+1 loop %&gt; response.write(\"共\"&rs.recordcount&\"条信息&nbsp;&nbsp;&nbsp;\") if page&lt;&gt;1 then response.write(\...
recommend-type

网络编程网络编程网络编程

网络编程网络编程网络编程网络编程
recommend-type

setuptools-5.4.zip

Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

用 Python 画一个可以动的爱心

好的,我可以帮助您使用Python来绘制一个动态的爱心。您可以使用turtle库来实现。以下是实现代码: ```python import turtle import math # 设置画布和画笔 canvas = turtle.Screen() canvas.bgcolor("black") pencil = turtle.Turtle() pencil.speed(0) pencil.color("red", "pink") pencil.pensize(3) # 定义爱心函数 def draw_love(heart_size, x_offset=0, y_offset=0):
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。