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 相关文章推荐
Fabric 应用案例
Aug 28 Python
python利用matplotlib库绘制饼图的方法示例
Dec 18 Python
python 查找字符串是否存在实例详解
Jan 20 Python
python调用系统ffmpeg实现视频截图、http发送
Mar 06 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
Dec 10 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
Jan 29 Python
Python3中编码与解码之Unicode与bytes的讲解
Feb 28 Python
Python数据类型之Number数字操作实例详解
May 08 Python
Python实现子类调用父类的初始化实例
Mar 12 Python
python操作redis数据库的三种方法
Sep 10 Python
python 实现客户端与服务端的通信
Dec 23 Python
Python标准库pathlib操作目录和文件
Nov 20 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中的integer类型使用分析
2010/07/27 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
js cookies 常见网页木马挂马代码 24小时只加载一次
2009/04/13 Javascript
Jquery replace 字符替换实现代码
2010/12/02 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
jQuery内容过滤选择器用法分析
2015/02/10 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
vue实现分页加载效果
2019/12/24 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
使用PDB简单调试Python程序简明指南
2015/04/25 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
利用python实现数据分析
2017/01/11 Python
用Python实现数据的透视表的方法
2018/11/16 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
职业女性的职业规划
2014/03/04 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
2014年接待工作总结
2014/11/26 职场文书
社区法制宣传日活动总结
2015/05/05 职场文书
导游词之西安骊山
2019/12/20 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers