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实现登录人人网并抓取新鲜事的方法
May 11 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
Aug 30 Python
Python+tkinter模拟“记住我”自动登录实例代码
Jan 16 Python
Python3+Appium安装使用教程
Jul 05 Python
python实现日志按天分割
Jul 22 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
Aug 05 Python
python处理document文档保留原样式
Sep 23 Python
python Django框架实现web端分页呈现数据
Oct 31 Python
解决pycharm 安装numpy失败的问题
Dec 05 Python
Python嵌套函数,作用域与偏函数用法实例分析
Dec 26 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
Feb 27 Python
python如何调用java类
Jul 05 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 5.0对象模型深度探索之绑定
2006/09/05 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
如何离线执行php任务
2017/02/21 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
用pip给python安装matplotlib库的详细教程
2021/02/24 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
安全生产标语
2014/06/06 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
大学生志愿者心得体会
2016/01/15 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
详解Nginx 工作原理
2021/03/31 Servers
Python实现打乒乓小游戏
2021/09/25 Python