自学 Flask 系列（一）实现文件上传

最新推荐文章于 2024-09-10 07:16:38 发布

sage_wang

最新推荐文章于 2024-09-10 07:16:38 发布

阅读量3.9k

点赞数

分类专栏：自学Flask 文章标签： python flask

本文链接：https://blog.csdn.net/sage_wang/article/details/108761041

版权

自学Flask 专栏收录该内容

5 篇文章 8 订阅

订阅专栏

这篇博客介绍了Flask框架的基础知识，并详细讲解了如何利用Flask-Uploads扩展实现文件上传，特别是图片上传的步骤，包括安装依赖、编写代码、运行程序以及效果展示。

摘要由CSDN通过智能技术生成

一、Flask介绍

Flask 是一个微型的 Python 开发的 Web 框架，基于Werkzeug WSGI工具箱和Jinja2 模板引擎。 Flask使用BSD授权。 Flask也被称为“microframework”，因为它使用简单的核心，用extension增加其他功能。Flask没有默认使用的数据库、窗体验证工具。然而，Flask保留了扩增的弹性，可以用Flask-extension加入这些功能：ORM、窗体验证工具、文件上传、各种开放式身份验证技术。

二、利用Flask-Uploads实现文件上传

Flask 实现文件上传的方式有很多，本文主要介绍 利用Flask-Uploads实现文件上传，想了解更多直接跳到最后。

Flask-Uploads帮你简化了大部分操作。Flask-Uploads已经把常用的文件类型分好类，你只需要导入相应的集合名称，比如IMAGES、TEXT、AUDIO等等（默认配置为DEFAULTS，包括TEXT + DOCUMENTS + IMAGES + DATA）。除此之外，你还可以配置全部允许（All）、除某些文件类型外全允许（AllExcept()）。这些集合也可以组合使用（比如IMAGES+TEXT）。

三、实现图片上传并展示

3.1 安装相关依赖

pip install flask-uploads

3.2 代码实现

# -*- coding: utf-8 -*-
import os
from flask import Flask, request
from flask_uploads import UploadSet, configure_uploads, IMAGES,\
 patch_request_class
from xml.dom.minidom import parse

app = Flask(__name__)
app.config['UPLOADED_PHOTOS_DEST'] = os.getcwd()  # 文件储存地址

photos = UploadSet('photos', IMAGES)
configure_uploads(app, photos)
patch_request_class(app)  # 文件大小限制，默认为16MB
#patch_request_class(app, 32 * 1024 * 1024)  # 或是从配置里读取大小

html = '''
    <!DOCTYPE html>
    <title>Upload File</title>
    <h1>图片上传</h1>
    <form method=post enctype=multipart/form-data>
         <input type=file name=photo>
         <input type=submit value=上传>
    </form>
    '''

@app.route('/', methods=['GET', 'POST'])
def upload_file():
    if request.method == 'POST' and 'photo' in request.files:
        filename = photos.save(request.files['photo'])
        file_url = photos.url(filename)
        return html + '<br><img src=' + file_url + '>'
    return html


if __name__ == '__main__':
    app.run()

3.3 运行flask程序

python upload_image.py 
 * Serving Flask app "upload_image" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
127.0.0.1 - - [23/Sep/2020 20:36:01] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [23/Sep/2020 20:36:10] "POST / HTTP/1.1" 200 -
127.0.0.1 - - [23/Sep/2020 20:36:10] "GET /_uploads/photos/20200921_2.png HTTP/1.1" 200 -