flask-uploads 是封装的 flask里的文件上传功能,此处以实现用户头像上传为例

官方文档介绍:点我


1、安装 flask-uploads 模块
pip install flask-uploads


2、新建一个 demo.py 文件,作为应用

先导入次此处需要用到的库:from flask_uploads import UploadSet, IMAGES, configure_uploads, ALLfrom flask import request, Flask, redirect, url_for, render_templateimport os

3、生成 app
app = Flask(__name__)


4、配置文件上传到的路径,以及限制上传文件的类型

app.config['UPLOADED_PHOTO_DEST'] = os.path.dirname(os.path.abspath(__file__))
app.config['UPLOADED_PHOTO_ALLOW'] = IMAGES

5、实例化 UploadSet 对象
photos = UploadSet('PHOTO')


6、将 app 的 config 配置注册到 UploadSet 实例 photos
configure_uploads(app, photos)


7、生成一个 upload 的路由

@app.route('/upload', methods=['POST', 'GET'])def upload():    if request.method == 'POST' and 'photo' in request.files:filename = photos.save(request.files['photo'])        return redirect(url_for('show', name=filename))    return render_template('upload.html')

8、创建 upload.html 模板

<!doctype html><form method=POST enctype=multipart/form-data action="{{ url_for('upload') }}"><input type=file name=photo><input type=submit></form>

9、生成一个 show 的路由

@app.route('/photo/<name>')def show(name):if name is None:abort(404)url = photos.url(name)    return render_template('show.html', url=url, name=name)

10、创建 show.html 模板

<!doctype html><img src={{ url }}>

11、运行 app
app.run()


完整的代码如下:
from flask_uploads import UploadSet, IMAGES, configure_uploads, ALLfrom flask import request, Flask, redirect, url_for, render_templateimport osapp = Flask(__name__)
app.config['UPLOADED_PHOTO_DEST'] = os.path.dirname(os.path.abspath(__file__))
app.config['UPLOADED_PHOTO_ALLOW'] = IMAGESdef dest(name):return '{}/{}'.format(UPLOAD_DEFAULT_DEST, name)#app.config['UPLOAD_PHOTO_URL'] = 'http://localhost:5000/'photos = UploadSet('PHOTO')configure_uploads(app, photos)@app.route('/upload', methods=['POST', 'GET'])def upload():if request.method == 'POST' and 'photo' in request.files:filename = photos.save(request.files['photo'])        return redirect(url_for('show', name=filename))    return render_template('upload.html')@app.route('/photo/<name>')def show(name):if name is None:abort(404)url = photos.url(name)    return render_template('show.html', url=url, name=name)app.run()

思考部分:

2、IMAGES 为定义的图片文件类型,其值如下:
IMAGES = tuple('jpg jpe jpeg png gif svg bmp'.split())
与其相似的有

源码部分:
DOCUMENTS = tuple('rtf odf ods gnumeric abw doc docx xls xlsx'.split())
AUDIO = tuple('wav mp3 aac ogg oga flac'.split())
TEXT = ('txt',)
DATA = ...
SCRIPTS = ...
ARCHIVES = ...
EXECUTABLES = ...DEFAULT = TEXT + DOCUMENTS + IMAGES + DATA

4、config 里面设置的变量如何跟 UploadSet 实例对应

源码部分:def config_for_set(uset, app, default=None):config = app.configprefix = 'UPLOADED_%s_' % uset.name.upper()using_defaults = Falseif defaults is None:defaults = dict(dest=None, url=None)allow_extns = tuple(config.get(prefix + 'ALLOW', ()))deny_extns = tuple(config.get(prefix + 'DENY', ()))destination = config.get(prefix + 'DEST')base_url = config.get(prefix + 'URL')

注:
上传文件的 form 必须是 POST 方法,并且 enctype=multipart/form-data。如果使用 GET 方法,则只会上传文件名。type=file。


还可以使用 patch_request_class() 方法限制上传文件的大小。如:
patch_request_class(app, 32 * 1024 * 1024)


如何将照片资源与用户进行绑定?

使用轻量级 ORM 框架,peewee,使用两个字段 use_id、photo_name。将数据存储到数据库表格中。
需要时可根据登录 user 的 id 获取到对应的 photo_name,然后使用 photos.url(photo_name) 进行加载。

本文出自下面链接:
https://www.jianshu.com/p/9d6da9b76d70

转载于:https://blog.51cto.com/lookingdream/2119789

Flask-Uploads文件上传的简单使用相关推荐

  1. ios开发之使用多文件上传的简单封装最原始的

    ios开发之使用多文件上传的简单封装最原始的 // // ViewController.m // 18-上传多个文件 // // Created by 鲁军 on 2021/2/13. //#impo ...

  2. flask上传文件至服务器,flask服务器文件上传云

    flask服务器文件上传云 内容精选 换一换 弹性云服务器支持通过内网访问OBS,OBS可供用户存储任意类型的数据.将图片.视频等数据存储至OBS后,在ECS上可以访问OBS,下载桶中的图片或视频等数 ...

  3. 简述php中文件上传过程,简单php文件上传详细说明

    关于文件上传我们讲了很多,这只是一款最基本的简单的文件上传功能,同时本教程也介绍了关于上传的原理以及各种函数的使用与file的参数说明,以及php.ihi设置上传文件大小配置等. 1  如果实现小文件 ...

  4. linux禁止客户端上传文件_图片/文件上传如此简单|macOS 图床客户端 uPic

    前言 相信很多人在写作(特别是需要多平台发布)的时候都会因为插图而增加工作量: 平台图片外链不允许在网站外部访问. 使用云图床服务上传流程复杂. 那么这些问题有没有办法解决呢,答案肯定是"有 ...

  5. jQuery.filer文件上传插件简单使用

    官网文档 这里贴出使用该插件上传多图片的demo,后端使用python flask. demo 前端 demo.html <!DOCTYPE html> <html lang=&qu ...

  6. 阿里云oss文件上传(简单上传、服务端签名后直传)

    前置: 自行开通阿里oss服务: https://www.aliyun.com/product/oss?spm=a2c4g.11174283.J_8058803260.125.d9387da2TjNf ...

  7. 大文件上传NeatUpload简单用法 (转)

    一般10M以下的文件上传通过设置Web.Config,再用VS2005自带的FileUpload控件就可以了,但是如果要上传100M甚至1G的文件就不能这样上传了,这时可以用NeatUpload来上传 ...

  8. php 上传文件简单实例,php文件上传的简单实例

    复制代码 代码如下: if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES[& ...

  9. Flask 实现文件上传和下载(简单但实用)

    目录结构和代码 root@master ~/w/upload# ll total 4.0K drwxr-xr-x. 3 root root 21 Jul 2 17:32 static/ drwxr-x ...

  10. flask ajax 文件上传,python flask使用ajax请求上载文件。文件为空

    我正在尝试上传一个大约1.62MB的图像到一个用烧瓶写的终点.request.files对象始终为空.我检查了以下问题,但没有成功: 这是我的服务器: from flask import Flask, ...

最新文章

  1. WEB平台架构之:LAMP(Linux+Apache+MySQL+PHP)
  2. Beam概念学习系列之SDKs
  3. Android动画效果
  4. 拖动无边框窗体(VB6代码)
  5. 存储过程系列之存储过程返回值总结
  6. PDA平台上MessageBox和SIP的冲突
  7. MongoDB学习(黑马教程)-7-数据库MongoDB的集合关联
  8. 【iOS-Cocos2d游戏开发】解决滚屏背景/拼接地图有黑边(缝隙)
  9. on1 photo raw 2020中文版(RAW图像处理) v14.5.1.9231绿色便携版
  10. Python学习日记1---简单的Minecraft末地要塞坐标计算器
  11. 首先dns服务器自动改变 萤石云,设备的DNS在哪里改 ?
  12. 区块链应用场景:物联网和物流供应链
  13. PageAdmin CMS建站系统最新版本(V4.0.09)体验评测
  14. 动态壁纸制作工具哪个好用
  15. 如何在代码中判断当前设备是iPhone 4/4S还是iPhone 5?
  16. 利用chrome浏览器的F12功能提取网页中的视频、音乐
  17. 戴好这六顶帽子的项目经理,无论项目团队还是个人成长都受益终生
  18. 知其所以然(1)(2)(3)(关键词:算法)
  19. 记录我的操作——从本地Git仓库传文件到gitee云仓库
  20. 开启猪年大运——风口上的猪

热门文章

  1. Flink 如何读取和写入 Clickhouse?
  2. 用python爬取图片和搞笑段子
  3. Linux如何动态查看文件信息,怎么查看linux动态链接库文件的版本等其他信息
  4. java解析excel 哪个好_java解析excel
  5. nginx 正向代理_看这篇彻底认识Nginx!
  6. sublime注释乱码c语言,ConvertToUTF8:解决 Sublime Text的乱码问题
  7. mysql创建工作经历表_国内首款 Serverless MySQL 数据库重磅发布!
  8. JDK动态代理在RPC框架中的应用
  9. ifconfig知识总结
  10. zookeeper原理,与集群部署