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发送邮件附件以定时备份MySQL的教程
Apr 25 Python
Scrapy-redis爬虫分布式爬取的分析和实现
Feb 07 Python
Python实现统计代码行的方法分析
Jul 12 Python
浅谈Python traceback的优雅处理
Aug 31 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
Jul 22 Python
Django文件存储 默认存储系统解析
Aug 02 Python
wxPython实现绘图小例子
Nov 19 Python
Python实现非正太分布的异常值检测方式
Dec 09 Python
pytorch:实现简单的GAN示例(MNIST数据集)
Jan 10 Python
Python模块future用法原理详解
Jan 20 Python
Python txt文件如何转换成字典
Nov 03 Python
python 利用 PIL 将数组值转成图片的实现
Apr 12 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
PHP+DBM的同学录程序(1)
2006/10/09 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
简单实现js浮动框
2016/12/13 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
微信小程序实现吸顶效果
2020/01/08 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
python实现数据图表
2017/07/29 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
总务岗位职责
2013/11/19 职场文书
创业计划书撰写原则
2014/01/25 职场文书
岗位廉洁从政承诺书
2014/03/27 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
初中地理教学反思
2016/02/19 职场文书