第十阶段 -- Flask框架05：【Flask高级05：上传、访问文件】

最新推荐文章于 2023-03-12 21:54:21 发布
最新推荐文章于 2023-03-12 21:54:21 发布
阅读量258 收藏
点赞数
分类专栏： python学习 Flask框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42375099/article/details/96598699
版权

文章目录

1. 上传、访问文件

  1. 上传文件的步骤：
    1. 在模版html中，表单需要指定encotype='multipart/form-data'才能上传文件。
    2. 在后台如果想要获取上传的文件，那么应该使用request.files.get('文件名')来获取。
    3. 保存文件之前，先要使用werkzeug.utils.secure_filename来对上传上来的文件名进行一个过滤。能保证不会有安全问题。
    4. 获取到上传上来的文件后，使用文件对象.save(路径)方法来保存文件。路径=完整路径=路径名+文件名
  • 【upload.html页面】
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件</title>
</head>
<body>
   <form action="" method="post" enctype="multipart/form-data">
    <table>
            <tr>
                <td>头像：</td>
                <td><input type="file" name="pichead"></td>
            </tr>
            <tr>
                <td>描述：</td>
                <td><input type="text" name="desc"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
            </tr>
    </table>
</form>
</body>
</html>
  • 【app.py文件】
from flask import Flask,request,render_template
import os
from werkzeug.utils import secure_filename

app = Flask(__name__)
UPLOAD_PATH = os.path.join(os.path.dirname(__file__),'images')

@app.route('/upload/',methods=['GET','POST'])
def upload():
    if request.method == 'GET':
        return render_template('upload.html')
    else:
        desc = request.form.get("desc")
        pichead = request.files.get("pichead")
        filename = secure_filename(pichead.filename) #包装一下 保证文件安全
        # pichead.save(os.path.join(UPLOAD_PATH,pichead.filename)) #可优化
        pichead.save(os.path.join(UPLOAD_PATH,filename)) #已优化
        print(desc)
        return '文件上传成功'

if __name__ == '__main__':
    app.run(debug=True)
  1. 访问文件：从服务器上读取文件，应该定义一个url与视图函数，来获取指定的文件。在这个视图函数中，使用send_from_directory(文件的目录,文件名)来获取。
from flask import Flask
import os
from flask import send_from_directory

app = Flask(__name__)
UPLOAD_PATH = os.path.join(os.path.dirname(__file__),'images')

@app.route('/images/<filename>/')
def get_image(filename):
    return send_from_directory(UPLOAD_PATH,filename)

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

2. 利用flask_wtf验证上传的文件

  • 关键点：

  1. 定义验证表单类的时候，对文件类型的字段，需要采用FileField这个类型，即wtforms.FileField。

  2. 验证器需要从flask_wtf.file中导入。flask_wtf.file.FileRequired和flask_wtf.file.FileAllowed

  3. flask_wtf.file.FileRequired是用来验证文件上传不能为空。

  4. flask_wtf.file.FileAllowed用来验证上传的文件的后缀名， 如常见图片后缀 .jpg 和.png以及.gif等。

  5. 在视图函数中，需要使用from werkzeug.datastructures import CombinedMultiDict来把request.form与request.files来进行合并。

  6. 最后使用 表单验证对象.validate()进行验证。

  • 代码如下

    【upload.html页面】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件</title>
</head>
<body>
   <form action="" method="post" enctype="multipart/form-data">
    <table>
            <tr>
                <td>头像：</td>
                <td><input type="file" name="pichead"></td>
            </tr>
            <tr>
                <td>描述：</td>
                <td><input type="text" name="desc"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
            </tr>
    </table>
</form>
</body>
</html>

​ 【formscheck.py文件】

from wtforms import Form,FileField,StringField
from wtforms.validators import InputRequired
# flask_wtf
from flask_wtf.file import FileRequired,FileAllowed

class UploadForm(Form):
    pichead = FileField(validators=[FileRequired(),FileAllowed(['jpg','png','gif'])])
    desc = StringField(validators=[InputRequired()])

​ 【app.py文件】

from flask import Flask,request,render_template
import os
from werkzeug.utils import secure_filename
from formscheck import UploadForm
from werkzeug.datastructures import  CombinedMultiDict

app = Flask(__name__)
UPLOAD_PATH = os.path.join(os.path.dirname(__file__),'images')

 #利用flask-wtf验证上传的文件
@app.route('/upload/',methods=['GET','POST'])
def upload():
    if request.method == 'GET':
        return render_template('upload.html')
    else:
        form = UploadForm(CombinedMultiDict([request.form,request.files]))
        if form.validate():
            # desc = request.form.get("desc")
            # pichead = request.files.get("pichead")
            desc = form.desc.data
            pichead = form.pichead.data
            filename = secure_filename(pichead.filename)
            pichead.save(os.path.join(UPLOAD_PATH,filename))
            print(desc)
            return '文件上传成功'
        else:
            print(form.errors)
            return "文件上传失败"

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

3. 示例

【33_wtforms_demo.py】

from flask import Flask,request,render_template,session,send_from_directory
from formscheck import RegisterForm,RegisterForm2,CreateForm,UploadForm
from werkzeug.utils import secure_filename
from werkzeug.datastructures import CombinedMultiDict
import os
app = Flask(__name__)
app.config['SECRET_KEY'] = os.urandom(24)

UPLOAD_PATH=os.path.join(os.path.dirname(__file__),"images")  # D:\python_project\33_wtforms_demo\images

@app.route('/')
def hello_world():
    return 'Hello World!'

# wtforms表单验证的基本使用
@app.route('/register/',methods=['GET','POST'])
def register():
    if request.method == 'GET':
        return render_template('register.html')
    else:
        # 使用表单验证对象进行验证
        form = RegisterForm(request.form)
        if form.validate(): # 验证；要么ok；要么no
            return "验证通过"
        else:
            print(form.errors)
            return "数据验证通不过"

import random
# wtforms常用验证器使用
@app.route('/register2/',methods=['GET','POST'])
def login():
    if request.method == 'GET':
        # 自定义验证器     实现验证码验证
        code = random.randint(1000,9999)  # 生成一个随机4位整数值的验证码
        session['code'] = str(code)
        return render_template("register2.html")
    else:
        form = RegisterForm2(request.form)
        if form.validate():
            return "验证OK"
        else:
            print(form.errors)
            return "验证失败"

import uuid
print(uuid.uuid4())#edbfa1d6-28f2-4f40-9111-528141a8e77d

# WTForms渲染模版  了解
@app.route('/createform/')
def createform():
        form = CreateForm()
        return render_template('create_form.html',form=form)

		################ 上传、访问文件 ################    

# flask 上传文件的实现
# @app.route('/upload/',methods=['GET','POST'])
# def upload():
#     if request.method == 'GET':
#         return render_template('upload.html')
#     else:
#         desc = request.form.get("desc")
#         pichead = request.files.get("pichead")
#         print(desc)
#         #保存到服务器 #D:\python_project\33_wtforms_demo\images
#         filename = secure_filename(pichead.filename) #对pichead.filename文件做一下 包装   保证文件名更安全
#         # pichead.save(os.path.join(UPLOAD_PATH,pichead.filename)) #文件名处可优化
#         pichead.save(os.path.join(UPLOAD_PATH,filename)) #已优化
#         return '文件上传成功'

# 访问服务器上（已经上传成功）的图片
@app.route('/images/<filename>/')
def get_image(filename):
    return send_from_directory(UPLOAD_PATH,filename)

# 利用flask-wtf验证上传的文件
@app.route('/upload/',methods=['GET','POST'])
def upload():
    if request.method == 'GET':
        return render_template('upload.html')
    else:
        form = UploadForm(CombinedMultiDict([request.form,request.files]))
        if form.validate():
            # desc = request.form.get("desc")
            # print(type(request.form))
            # pichead = request.files.get("pichead")
            # 从form对象里边获取 desc  和pichead数据
            pichead =form.pichead.data
            print(pichead.filename)  # 获取上传的文件名
            print(form.desc.data)
            # print(desc)
            # 保存到服务器 #D:\python_project\33_wtforms_demo\images
            filename = secure_filename(pichead.filename)  # 对pichead.filename文件做一下 包装   保证文件名更安全
            # pichead.save(os.path.join(UPLOAD_PATH,pichead.filename)) #文件名处可优化
            pichead.save(os.path.join(UPLOAD_PATH, filename))  # 已优化
            return '文件上传成功'
        else:
            print(form.errors)
            return "上传文件失败"  # 不符合图片格式要求

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

【formscheck.py】

# 工具类
from wtforms import Form,StringField,IntegerField,RadioField,BooleanField,SelectField,TextAreaField,DateField,FileField
from wtforms.validators import  Length,EqualTo,Email,InputRequired,NumberRange,Regexp,URL,UUID,ValidationError
from flask import session

# 利用flask-wtf 验证上传的文件
from  flask_wtf.file import  FileRequired,FileAllowed

# 定义一个表单验证类
class RegisterForm(Form):
    uname = StringField( validators=[Length(min=2,max=15,message="用户名的长度必须是2-15之间")])
    pwd = StringField(validators=[Length(min=6, max=12)])
    pwd2 = StringField(validators=[Length(min=6,max=12),EqualTo("pwd",message="两次输入密码不一致")])

# 定义一个表单验证类2
class RegisterForm2(Form):
    email = StringField(validators=[Email()])
    uname = StringField(validators=[InputRequired()])
    age = IntegerField(validators=[NumberRange(min=18,max=40)])
    phone = StringField(validators=[Regexp(r'1[34578]\d{9}')])
    phomepage = StringField(validators=[URL()])
    uuid = StringField(validators=[UUID()])
    code = StringField(validators=[Length(min=4,max=4)])
    # 光有长度验证  不能满足验证码验证需求，此时需要自定义验证器来对 某字段验证进行强化
    def validate_code(self,field):
        # 去字段field对象上的值来做验证
        print(field.data,session.get('code'))
        scode = session.get('code')
        if field.data != scode:
            raise  ValidationError(message='输入的验证码不一致！！')

# wtforms 渲染模版的定义
class CreateForm(Form):
    # uname = StringField(validators = [InputRequired()])
    uname = StringField("用户名：",validators = [InputRequired()])
    age = IntegerField("年龄：",validators = [NumberRange(18,40)])
    remember = BooleanField("记住我：")
    addr = SelectField('地址：',choices=[('bj',"北京"),('sj','上海'),('tj','天津')])

    		################ 上传、访问文件 ################

# 验证上传的文件类型
class  UploadForm(Form):
    pichead = FileField(validators=[FileRequired(),FileAllowed(["jpg","png","gif"])])
    desc = StringField(validators=[InputRequired()])

【upload.html】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件</title>
</head>
<body>
   <form action="" method="post" enctype="multipart/form-data">
    <table>
            <tr>
                <td>头像：</td>
                <td><input type="file" name="pichead"></td>
            </tr>
            <tr>
                <td>描述：</td>
                <td><input type="text" name="desc"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
            </tr>
    </table>
</form>
</body>
</html>
亚呦u椰
关注
专栏目录
Flask静态文件访问问题解决方案
RfqrScheme的博客
09-17 1073
例如，如果你的CSS文件位于"static/css/styles.css"，那么在HTML模板中引用它的路径应该是"{{ url_for(‘static’, filename=‘css/styles.css’) }}"。通过配置静态文件夹、使用url_for函数、设置静态文件的路由、检查文件权限和使用调试模式，可以解决Flask无法访问静态文件的问题。确保在使用这些方法时，文件路径和文件夹结构设置正确，并且文件权限设置正确。在Flask中，可以使用内置的url_for函数生成静态文件的URL。
Flask框架【Flask安全上传文件_访问文件、利用flask-wtf验证上传的文件、Restful介绍、Restful的基本使用、Flask_RESTful参数验证】(九)
最新发布
abc19991119的博客
09-28 873
Flask框架【Flask安全上传文件_访问文件、利用flask-wtf验证上传的文件、Restful介绍、Restful的基本使用、Flask_RESTful参数验证】(九)
Flask框架之访问文件
why404
01-15 2398
访问已经上传的文件 从服务器上读取文件，应该定义一个url与视图函数，来获取指定的文件。 在这个视图函数中，使用send_from_directory(文件的目录,文件名)来获取。 python启动文件： from flask import Flask，send_from_directory import os app = Flask(__name__) UPLOAD_PATH = ...
flask的访问
weixin_47798423的博客
02-23 748
route装饰器解析，变量名规则：RESTful风格的URL，重定向和错误页处理，请求 响应，session，日志，WSGI中间件，文件上传，静态文件
flask调用主机文件
like_mile_rio的博客
04-13 653
关于在虚拟环境conda中设置flask首先使用的是conda activate env对于conda create -n py38 python=3.8 首先使用的是conda activate env 对于conda create -n py38 python=3.8 设置虚拟环境 ，-n后面的参数是虚拟环境名称； conda activate py38 启动当前环境； pip install flask 在当前环境中安装flask框架; mkdir flaskdir 创建一个专门存放flask相
flask-tutorial：Flask入门教程：使用Python和Flask开发你的第一个Web程序
02-05
Flask是一款轻量级的Web应用框架，由Armin Ronacher开发，适用于构建小型到中等规模的项目。本教程将引导你通过一系列步骤，使用Python和Flask来创建你的第一个Web程序。我们将探讨以下关键知识点： 1. **安装Flask...
7阶段-flask框架与项目第10天
03-26
下面是一个基于Flask框架的7个阶段的项目示例： 1.设置开发环境: 安装Python和Flask框架。使用命令行工具创建新的Flask项目。 2.设计数据库: 使用SQLAlchemy等ORM工具创建数据库以存储用户信息和其他数据。 3.创建...
just-for-study-flask-api:仅用于学习
04-04
9. **测试与调试**: 使用 Flask 提供的测试客户端或者集成像 PyTest 这样的第三方测试框架，编写单元测试和集成测试，确保 API 的正确性。 10. **部署**: 当你的 API 准备好后，可以将其部署到生产环境，如 Heroku...
blog-with-users-start:Flask博客
03-31
【标题】：“blog-with-users-start:Flask博客”是一个基于Python的Web应用示例，它使用了Flask框架来构建一个具有用户管理功能的博客系统。这个项目旨在帮助开发者了解如何在Flask中实现用户注册、登录以及创建、...
python flask开发框架2018-10-18(一键部署)
10-18
下面将详细阐述Flask框架的核心概念、主要特性、以及一键部署的相关知识点。 一、Flask框架简介 Flask由Armin Ronacher开发，基于Werkzeug WSGI工具箱和Jinja2模板引擎。它遵循"微"框架的设计理念，核心功能保持...
flask项目：文件上传
qq_45323012的博客
01-21 537
在Flask中处理文件上传非常简单。它需要一个HTML表单，其enctype属性设置为“multipart / form-data”，将文件发布到URL。URL处理程序从request.files[]对象中提取文件，并将其保存到所需的位置。 每个上传的文件首先会保存在服务器上的临时位置，然后将其实际保存到它的最终位置。目标文件的名称可以是硬编码的，也可以从request.files[file]对...
基于Flask的文件上传
weixin_39585049的博客
09-25 182
1首先需要说明的是，当前端页面form表单有文件要上传时，form两个属性必须要有 method=“post” enctype=“multipart/form-data” 即 １．接收前端页面传来的文件 f = request.files[“uimg”] ２．获取文件名 filename = f.filename ３．获取时间字符串 ftime = datetime.now()...
Flask中上传文件（六）
小龙龙品牌的博客
04-24 224
一、上传文件 对于已上传的文件是存储在内存或者是文件系统中一个临时的位置。你可以通过请求对象的files属性访问他们。每个上传的文件都会存储在这个字典里。它表现近乎为一个标准的python file对象，，但是它还有一个save()方法，这个方法允许你把文件保存到服务器的文件系统中。这里有一个用save()方法保存文件的例子。 from flask import Flask, request ap...
flask 中 request获取参数
ieeso的博客
03-21 1461
request.method 　　　　　　　　　　#获取请求方法 request.form 　　　　　　　　　　 　　 #获取post请求所有参数 request.form.get("name")　　　　　　 #获取post请求body中参数key为name的value参数 request.args　　　　　　　　　　　　 #获取get请求所有参数 request.args.get("name")...
获取上传文件的文件名
chenjing928的博客
12-19 7583
暂时转...明日更新 target="hidden_frame" encType="multipart/form-data"> 题干： 文件： ....... 然后服务端servlet这样写： Java code ? 1   //output : root
python中Flask项目启动静态资源访问问题
feinifi的博客
03-12 3008
flask项目启动，默认静态资源路径是static目录，可以通过url+路径的方式访问这些静态资源，还可以通过设置static_folder参数来改变这个默认目录。
flask中静态文件的调用
James_Nan的博客
01-08 4442
flask中静态文件的调用# -*- coding:utf-8 -*-from flask import Flask, render_template# 这里在浏览器中可以直接访问到static文件夹中的的静态文件． # 例如要获取01.html,则直接输入　127.0.0.1:8866/static/01.html 即可． # 在Flask的参数中可以设置: # 1,静态文件夹的路径（模板文亦是
FLASK-url链接、加载静态文件
热门推荐
sweet的博客
03-28 1万+
url链接 使用’url_for(视图函数名称)’可以反转成url. 使用这个链接可以实现从一个文件跳转到另外一个文件 示例： python.py from flask import Flask,render_template app = Flask(__name__) @app.route('/') def index(): return render_template...
Flask --WTF 处理表单
qq_51329314的博客
11-11 1023
表单 什么是表单？表单就是收集用户信息的各种表单元素的的集合区域，它的作用是实现用户和服务器的数据交互，通过表单收集客户端输入的数据信息。然后提交到站服务器端进行处理，Form表单是Web应用中最基础的一部分，为了能处理From 表单，Flask-wtf扩展提供了良好的支持。 1.使用Flask处理通用表单 说明： Flask请求对象包含客户端发出的所有请求信息，其中request.form()能获取POST中提交表的数据，尽管Flask的请求对象提供的信息足够处理web的表单，但有些任务很..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值