首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Flask实现图片的上传、下载及展示示例代码

Posted in Python onAugust 03, 2018

用Flask处理图片非常容易，这一篇学习一下图片的上传、下载及展示。还是以实例代码演示为主。

首先，实现一个简单的上传（过程中未做任何处理，只是为了演示）

点击选择图片，输入李四：

Flask实现图片的上传、下载及展示示例代码

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
  <body>
    <div>
      <form method="post" action="http://localhost:5000/up_photo" enctype="multipart/form-data">
      <input type="file" size="30" name="photo"/>
      <br>
      <input type="text" class="txt_input" name="name" style="margin-top:15px;"/>
      <input type="submit" value="提交信息" class="button-new" style="margin-top:15px;"/>
      </form>
    </div>
  </body>
</html>

点击提交信息后，通过 http://localhost:5000/up_photo，传递到后台对应的路由处理，查看控制台：

Flask实现图片的上传、下载及展示示例代码

后台接收的路由代码：

basedir = os.path.abspath(os.path.dirname(__file__))
 
@app.route('/up_photo', methods=['post'])
def up_photo():
  img = request.files.get('txt_photo')
  username = request.form.get("name")
  path = basedir+"/static/photo/"
  file_path = path+img.filename
  img.save(file_path)
  print '上传头像成功，上传的用户是：'+username
  return render_template('index.html')

此时，我们查看static/photo时，已经可以看到我们点击上传的图片了。

以上是最简单的一个文件上传示例，我们实际使用中基本不可能这样去写，通常会做一些处理。例如：上传后做图片名称唯一性的处理、限制上传文件的类型、无论上传成功或者失败，都去做一些返回提示等等。

限制上传文件类型，例如，我们希望用户上传的文件为图片类型

ALLOWED_EXTENSIONS = set(['png', 'jpg', 'JPG', 'PNG', 'gif', 'GIF'])
 
def allowed_file(filename):
  return '.' in filename and filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS

上面的代码片段通过截取上传文件的后缀名，判断是否是属于我们期望用户上传的类型。

更改上传图片名称，防止重名

这里我们使用日期加随机数生成图片名，做一个生成字符串的工具类

#-*-coding:utf-8-*-
import datetime
import random
class Pic_str:
  def create_uuid(self): #生成唯一的图片的名称字符串，防止图片显示时的重名问题
    nowTime = datetime.datetime.now().strftime("%Y%m%d%H%M%S"); # 生成当前时间
    randomNum = random.randint(0, 100); # 生成的随机整数n，其中0<=n<=100
    if randomNum <= 10:
      randomNum = str(0) + str(randomNum);
    uniqueNum = str(nowTime) + str(randomNum);
    return uniqueNum;

当我们点击图片上传，选择图片点击提交后，页面返回提示信息如下图：

Flask实现图片的上传、下载及展示示例代码

此时看我们工程下的upload文件夹，唯一名称的图片已经上传成功

Flask实现图片的上传、下载及展示示例代码

图片的下载

@app.route('/download/<string:filename>', methods=['GET'])
def download(filename):
  if request.method == "GET":
    if os.path.isfile(os.path.join('upload', filename)):
      return send_from_directory('upload', filename, as_attachment=True)
    pass

图片的展示

# show photo
@app.route('/show/<string:filename>', methods=['GET'])
def show_photo(filename):
  file_dir = os.path.join(basedir, app.config['UPLOAD_FOLDER'])
  if request.method == 'GET':
    if filename is None:
      pass
    else:
      image_data = open(os.path.join(file_dir, '%s' % filename), "rb").read()
      response = make_response(image_data)
      response.headers['Content-Type'] = 'image/png'
      return response
  else:
    pass

完整示例代码

#encoding:utf-8
#!/usr/bin/env python
from werkzeug.utils import secure_filename
from flask import Flask, render_template, jsonify, request, make_response, send_from_directory, abort
import time
import os
from strUtil import Pic_str
import base64
 
app = Flask(__name__)
UPLOAD_FOLDER = 'upload'
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
basedir = os.path.abspath(os.path.dirname(__file__))
ALLOWED_EXTENSIONS = set(['png', 'jpg', 'JPG', 'PNG', 'gif', 'GIF'])
 
def allowed_file(filename):
  return '.' in filename and filename.rsplit('.', 1)[1] in ALLOWED_EXTENSIONS
 
 
@app.route('/upload')
def upload_test():
  return render_template('up.html')
 
 
# 上传文件
@app.route('/up_photo', methods=['POST'], strict_slashes=False)
def api_upload():
  file_dir = os.path.join(basedir, app.config['UPLOAD_FOLDER'])
  if not os.path.exists(file_dir):
    os.makedirs(file_dir)
  f = request.files['photo']
  if f and allowed_file(f.filename):
    fname = secure_filename(f.filename)
    print fname
    ext = fname.rsplit('.', 1)[1]
    new_filename = Pic_str().create_uuid() + '.' + ext
    f.save(os.path.join(file_dir, new_filename))
 
    return jsonify({"success": 0, "msg": "上传成功"})
  else:
    return jsonify({"error": 1001, "msg": "上传失败"})
 
@app.route('/download/<string:filename>', methods=['GET'])
def download(filename):
  if request.method == "GET":
    if os.path.isfile(os.path.join('upload', filename)):
      return send_from_directory('upload', filename, as_attachment=True)
    pass
  
  
# show photo
@app.route('/show/<string:filename>', methods=['GET'])
def show_photo(filename):
  file_dir = os.path.join(basedir, app.config['UPLOAD_FOLDER'])
  if request.method == 'GET':
    if filename is None:
      pass
    else:
      image_data = open(os.path.join(file_dir, '%s' % filename), "rb").read()
      response = make_response(image_data)
      response.headers['Content-Type'] = 'image/png'
      return response
  else:
    pass
 
 
if __name__ == '__main__':
  app.run(debug=True)

基本示例就以上这些了！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Flask实现图片的上传、下载及展示示例代码

- Author -

阿木侠

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
Python实现的飞速中文网小说下载脚本
Apr 23 Python
python获取一组数据里最大值max函数用法实例
May 26 Python
回调函数的意义以及python实现实例
Jun 20 Python
Python实现的快速排序算法详解
Aug 01 Python
python与sqlite3实现解密chrome cookie实例代码
Jan 20 Python
TensorFlow 模型载入方法汇总(小结)
Jun 19 Python
Python3对称加密算法AES、DES3实例详解
Dec 06 Python
Opencv+Python 色彩通道拆分及合并的示例
Dec 08 Python
详解【python】str与json类型转换
Apr 29 Python
python celery分布式任务队列的使用详解
Jul 08 Python
Python运行DLL文件的方法
Jan 17 Python
Python编写单元测试代码实例
Sep 10 Python
python使用opencv驱动摄像头的方法
Aug 03 #Python
python 简单照相机调用系统摄像头实现方法 pygame
Aug 03 #Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
Aug 03 #Python
OpenCV2从摄像头获取帧并写入视频文件的方法
Aug 03 #Python
python中copy()与deepcopy()的区别小结
Aug 03 #Python
Python爬取个人微信朋友信息操作示例
Aug 03 #Python
python opencv人脸检测提取及保存方法
Aug 03 #Python
ACID(1) mysqldump(1) sentinel(1) Outlook(1) minio(1) sock(2) Mysql8(2) Windows server 2003(1) appdata(1) 黑屏(2)
You might like
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
JavaScript游戏之是男人就下100层代码打包
2010/11/08 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
silverlight线程与基于事件驱动javascript引擎（实现轨迹回放功能）
2011/08/09 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
讲解Python中的标识运算符
2015/05/14 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
Django密码存储策略分析
2020/01/09 Python
python json load json 数据后出现乱序的解决方案
2020/02/27 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
高一数学教学反思
2014/02/07 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
调研汇报材料范文
2014/08/17 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
python实战之90行代码写个猜数字游戏
2021/04/22 Python