Python Tornado批量上传图片并显示功能


Posted in Python onMarch 26, 2020

简介

Tornado龙卷风是一个开源的网络服务器框架,它是基于社交聚合网站FriendFeed的实时信息服务开发而来的。2007年由4名Google前软件工程师一起创办了FriendFeed,旨在使用户能够方便地跟踪好友在Facebook和Twitter等多个社交网站上的活动。结果两年后,Facebook宣布收购FriendFeed,交易价格约为5000万美元。而此时FriendFeed只有12名员工。据说这帮人后来又到了Google,搞出了现在的Google App Engine...

我们开发这个Web服务器的主要目的就是为了处理FriendFeed的实时功能 -- 在FriendFeed的应用里每个活动用户都会保持着一个服务器连接。

Tornado使FriendFeed使用的可扩展的非阻塞Web服务器及其相关工具的开源版本,这个Web框架看起来有些像web.py或 Google的webapp,不过为了更加有效地利用非阻塞服务器环境,Tornado这个Web框架还包含了一些相关的有用工具和优化。

区别

Tornado与现代主流的Web服务器框架有着明显的区别:它使非阻塞式的服务器,速度相当快。这得益于其非阻塞的方式和对epoll的运用。Tornado每秒可以处理数以千计的连接,对于实时Web服务来说Tornado确实是一个理想的Web框架。

与Node.js相同的是,Tornado也采用的是单进程单线程异步IO的网络模型,它们都可以编写异步非阻塞的程序。但由于Node.js是Google Chrome V8引擎的JS运行环境或工具包,它属于偏底层的抽象,扩展了JS编写服务器程序的能力,所以基于Node.js会由不同的Web框架。从这个角度来看Node.js和Tornado其实并不在一个层次上。

Tornado是使用Python编写的Web服务器兼Web应用框架,与主流Web服务器框架不同的是,Tornado是异步非阻塞式服务器,得益于非阻塞式和对epoll模型的运用,Tornado是实时Web服务的一个理想框架,它非常适合开发长轮询、WebSocket和需要与每个用户建立持久连接的应用。

特点

  • 轻量级Web框架
  • 异步非阻塞IO处理方式
  • Tornado采用的单进程单线程异步IO的网络模式,其高性能源于Tornado基于Linux的Epoll(UNIX为kqueue)的异步网络IO。
  • 出色的抗负载能力
  • 不依赖多进程或多线程
  • WSGI全栈替代产品
  • WSGI把应用(Application)和服务器(Server)结合起来,Tornado既可以是WSGI应用也可以是WSGI服务。
  • 既是WebServer也是WebFramework

Tornado是基于Bret Taylor和其他人员为FrientFeed所开发的网络服务框架,当FriendFeed被Facebook收购后得以开源。不同于那些最多只能达到1w并发连接的传统网络服务器。Tornado在设计之初就考虑到了性能因素,旨在解决C10K问题,这样的设计使其成为一个拥有高性能的框架。

正文开始

问题描述

Python Tornado批量上传图片并显示,前后端都要显示

思路

1.文件上传

前端FormData上传,后端BytesIO解析

2.显示图片

前端FileReader读取显示,后端matplotlib显示

代码

index.html

<!DOCTYPE html>
<head>
 <title>批量上传图片并显示</title>
 <meta charset='utf-8'>
 <script src='https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js'></script>
</head>

<body>
<input id='send' type='file' accept="image/png, image/jpeg" multiple><br>
</body>
<script>
 $('#send').change(function () {
  var files = $('#send')[0].files;
  var form = new FormData();
  for (var i = 0; i < files.length; i++) {
   //插入form
   var file = files[i];
   console.log(file);
   form.append('files', file);
   //显示图片
   var fileReader = new FileReader();
   fileReader.readAsDataURL(file);
   fileReader.onloadend = function (event) {
    var src = event.target.result;
    $('body').append('<img src=' + src + ' width=200px>');
   }
  }

  //上传
  $.ajax({
   type: 'POST',
   url: '/upload',
   data: form,
   processData: false,
   contentType: false,
   success: function (response) {
    console.log(response)
   }
  });
 })
</script>
</html>

app.py

import tornado.web
import tornado.ioloop
from PIL import Image
from io import BytesIO
import matplotlib.pyplot as plt
from tornado.options import define, options

define("port", default=8888, help="运行端口", type=int)

class MainHandler(tornado.web.RequestHandler):
 def get(self):
  self.render("index.html")
class UploadHandler(tornado.web.RequestHandler):
 def post(self):
  files = self.request.files['files']
  for file in files:
   img = file['body']
   img = Image.open(BytesIO(img)).convert('RGB')
   plt.imshow(img)
   plt.show()

if __name__ == "__main__":
 app = tornado.web.Application(
  [
   (r"/", MainHandler),
   (r"/upload", UploadHandler),
  ],
 )
 app.listen(options.port)
 print("http://localhost:{}/".format(options.port))
 tornado.ioloop.IOLoop.current().start()

效果

前端

Python Tornado批量上传图片并显示功能

后端

Python Tornado批量上传图片并显示功能

总结

到此这篇关于Python Tornado批量上传图片并显示功能的文章就介绍到这了,更多相关python tornado批量上传内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
Python中变量交换的例子
Aug 25 Python
Python实现把xml或xsl转换为html格式
Apr 08 Python
Python变量作用范围实例分析
Jul 07 Python
Django Admin 实现外键过滤的方法
Sep 29 Python
Python3实战之爬虫抓取网易云音乐的热门评论
Oct 09 Python
对python:print打印时加u的含义详解
Dec 15 Python
python实现一个简单的ping工具方法
Jan 31 Python
用Python解决x的n次方问题
Feb 08 Python
使用python实现unix2dos和dos2unix命令的例子
Aug 13 Python
django使用xadmin的全局配置详解
Nov 15 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
Mar 11 Python
Python+PyQt5实现灭霸响指功能
May 25 Python
python列表删除和多重循环退出原理详解
Mar 26 #Python
执行Python程序时模块报错问题
Mar 26 #Python
python3 正则表达式基础廖雪峰
Mar 25 #Python
python 6.7 编写printTable()函数表格打印(完整代码)
Mar 25 #Python
python实现人机五子棋
Mar 25 #Python
pyqt5数据库使用详细教程(打包解决方案)
Mar 25 #Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
Mar 25 #Python
You might like
关于尾递归的使用详解
2013/05/02 PHP
解析PHP中如何将数组变量写入文件
2013/06/06 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
php计算年龄精准到年月日
2015/11/17 PHP
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
json数据的列循环示例
2013/09/06 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
VsCode插件整理(小结)
2017/09/14 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
python各种语言间时间的转化实现代码
2016/03/23 Python
Python画图学习入门教程
2016/07/01 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
Jabra捷波朗美国官网:用于办公、车载和运动的无线蓝牙耳麦
2017/02/01 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
测试驱动开发的主要步骤是什么
2014/12/10 面试题
应届生财务管理求职信
2013/11/06 职场文书
同学聚会主持词
2014/03/18 职场文书
全运会口号
2014/06/20 职场文书
学校党员对照检查材料
2014/08/28 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
信访工作个人总结
2015/03/03 职场文书
会计工作态度自我评价
2015/03/06 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL