欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Flask入门文件上传flask-uploads(八)

程序员文章站 2022-04-04 16:43:51
1 视图传递多个参数 (1) 普通传参 : 关键字参数传递 (2) 字典传参 : 以字典的形式传递 (3) 全局变量g传递 视图中: 模板中 (4) 传递全部的本地变量给template,使用 locals() ,直接获取变量值 test.html中 2 错误页面定制 指定错误页面:只需要一个错误模 ......

1 视图传递多个参数

(1) 普通传参 : 关键字参数传递

return render_template('模板名称.html',arg1=val1,arg2=val2...)

(2) 字典传参 : 以字典的形式传递

dict = {
    key1:value1,
    key2:value2,
    ....
}
return render_template('模板名称.html',dict)

(3) 全局变量g传递

视图中:

@app.route('/test')
def test():
    g.name = '张三'
    g.sex = '男'
    return render_template('test.html')

模板中

 <h2>{{ g.name }}</h2>
 <h2>{{ g.sex }}</h2>

(4) 传递全部的本地变量给template,使用locals()**,直接获取变量值

@app.route('/test')
def test():
    name = '张三'
    sex = '男'
    return render_template('test.html',**locals())

test.html中

<h2>{{ name }}</h2>
<h2>{{ sex }}</h2>

2 错误页面定制

#制定捕获404和500的错误页面
@app.errorhandler(404)
def page_not_found(e):
    return render_template('error.html',error=e,code=404)

@app.errorhandler(500)
def page_not_found(e):  #接受参数e,并传给错误error
    return render_template('error.html',error=e,code=500)

指定错误页面:只需要一个错误模板页面即可

{% extends 'common/boot_base.html' %}
{% block title %}
{{ code }}  #标题显示500
{% endblock %}
{% block page_content %}
    <div class="alert alert-danger" role="alert">{{ error }}  #显示错误页面信息
</div>
{% endblock %}

3 文件上传

(1) 静态资源的加载

{{ url_for('static',filename='img/mei.jpg') }} 
{{ url_for('static',filename='css/style.css') }} 
{{ url_for('static',filename='js/mei.js') }} 

#注:static是内置的视图函数,我们通过其找到路由

(2) 原生文件上传

模板文件

{% if newName %}  #newName非空 图片名传入
    <img src='{{ url_for("static",filename=newName) }}' alt=''>
{% endif %}
#视图函数upLoad  
<form action="{{ url_for('upLoad') }}" enctype='multipart/form-data' method='post'>
    <input type='file' name='file'>
    <p><input type='submit' value='submit'></p>
</form>

主文件manage.py

from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
import os
from PIL import Image  #python图片处理库

app = Flask(__name__)
#允许上传的后缀名,放在配置文件
app.config['ALLOWED_EXTENSIONS'] = ['.jpg','.jpeg','.png','.gif']
#上传文件的大小
app.config['MAX_CONTENT_LENGTH'] = 1024*1024*60
#配置文件上传的路径
app.config['UPLOAD_FOLDER'] = os.getcwd() + '/static'

#绑定bootstrap
bootstrap = Bootstrap(app)
manager = Manager(app)

@app.route('/')
def index():
    return render_template('index.html')

#生成随机图片名称的函数
def new_name(shuffix,length=32):
    import string,random
    myStr = string.ascii_letters + '0123456789'
    newName = ''.join(random.choice(myStr) for i in range(length))
    return newName+shuffix

#定义判断后缀是否可用函数,返回true/false
def allowed_file(shuffix):
    return shuffix in app.config['ALLOWED_EXTENSIONS']

@app.route('/upload',methods=['GET','POST'])
def upload():
    img_name = None
    if request.method == 'POST':
        file = request.files.get('file')
        #获取上传文件的名称
        filename = file.filename
        #分割路径,返回路径名和文件扩展名的元组
        shuffix = os.path.splitext(filename)[-1]
        if allowed_file(shuffix):
            #为真则生成随机名称
            newName = new_name(shuffix)
            img_name = newName
            #拼凑完整的路径
            newPath = os.path.join(app.config['UPLOAD_FOLDER'],newName)
            file.save(newPath)
            
            #处理图片的缩放
            img = Image.open(newPath)
            #重新设置大小与尺寸
            img.thumbnail((200,200))
            img.save(newName)
     #跳转上传页面并返回newName
     return render_template('upload.html',newName=img_name)

4 flask-uploads扩展库

安装

pip3 install flask-uploads

类UploadSet : 文件上传配置集合,包含三个参数:

name:文件上传配置集合的名称,默认files

extensions:上传文件类型,默认DEFAULTS = TEXT + DOCUMENTS + IMAGES + DATA

default_dest:上传文件的默认存储路径,我们可以通过app.config[‘UPLOADS_DEFAULT_DEST’]来指定

方法 : configure_uploads

应用配置好之后,调用此方法,扫描上传配置选项并保存到我们的应用中,注册上传模块。

下面我们来看下 (flask-uploads库 + flask-wtf 库) 的写法

模板文件

{% extends 'common/base.html' %}  #继承
{% block title %}
    首页
{% endblock %}
{% import 'bootstrap/wtf.html' as wtf %}  #导入
{% block page_content %}
    <img src="{{ url_for('static',filename=newName) }}" alt="">
    {{ wtf.quick_form(form) }}   #快速渲染
{% endblock %}

主启动文件

from flask import Flask,render_template,request
from flask_script import Manager
from flask_bootstrap import Bootstrap
import os
from flask_uploads import UploadSet,IMAGES,configure_uploads,patch_request_class
#导入库中验证的字段类
from flask_wtf import FlaskForm
from wtforms import FileField,SubmitField
from flask_wtf.file import FileAllowed,FileRequired

app = Flask(__name__)
#允许上传的后缀
app.config['SECRET_KEY'] = 'image'
app.config['MAX_CONTENT_LENGTH'] = 1024*1024*64 #64兆
#配置文件上传的路径
app.config['UPLOADED_PHOTOS_DEST'] = os.getcwd()+'/static/upload'

#实例化一个file对象  photos与PHOTOS要对应
file = UploadSet('photos',IMAGES)
#将 app 的 config 配置注册到 UploadSet 实例 file
configure_uploads(app,file)
#限制上传文件的大小   size=None不采用默认size=64*1024*1024
patch_request_class(app,size=None)

bootstrap = Bootstrap(app)
manager = Manager(app)

class File(FlaskForm):
    file = FileField('文件上传',validators=[FileRequired(message='您还没有选择文件'),FileAllowed(file,message='只能上擦图片')])
    submit = SubmitField('上传')

#生成随机图片名称的函数
def new_name(shuffix,length=32):
    import string, random
    myStr = string.ascii_letters + '0123456789'
    newName = ''.join(random.choice(myStr) for i in range(length))
    return newName+shuffix

@app.route('/upload',methods=['GET','POST'])
def upload():
    form = File()
    img_url = None
    #验证数据
    if form.validate_on_submit():
        shuffix = os.path.splitext(form.file.data.filename)[-1]
        newName = new_name(shuffix=shuffix)
        file.save(form.file.data,name=newName)
        img_url = file.url(newName)
    return  render_template('boot_upload.html',newName=img_url,form=form)

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

注意事项:

python 将app的config配置注册到 UploadSet 实例file configure_uploads(app,file) 限制上传文件的大小 patch_request_class(app,size=None) file = UploadSet('photos',IMAGES) 实例化file对象继承了类中save() url() 内置方法 form = File() File类继承自FlaskForm 可以利用flask-uploads库进行验证 , 采用类File取代原生的Form表单访问通过 : 实例化form对象.字段名.data 访问字段对象 实例化form对象.字段名.data.属性名 访问字段对象对应的属性