PythonTornado批量上傳圖片并顯示功能-創(chuàng)新互聯(lián)

簡介

網(wǎng)站建設哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了阜平免費建站歡迎大家使用!

Tornado龍卷風是一個開源的網(wǎng)絡服務器框架,它是基于社交聚合網(wǎng)站FriendFeed的實時信息服務開發(fā)而來的。2007年由4名Google前軟件工程師一起創(chuàng)辦了FriendFeed,旨在使用戶能夠方便地跟蹤好友在Facebook和Twitter等多個社交網(wǎng)站上的活動。結(jié)果兩年后,F(xiàn)acebook宣布收購FriendFeed,交易價格約為5000萬美元。而此時FriendFeed只有12名員工。據(jù)說這幫人后來又到了Google,搞出了現(xiàn)在的Google App Engine...

我們開發(fā)這個Web服務器的主要目的就是為了處理FriendFeed的實時功能 -- 在FriendFeed的應用里每個活動用戶都會保持著一個服務器連接。

Tornado使FriendFeed使用的可擴展的非阻塞Web服務器及其相關(guān)工具的開源版本,這個Web框架看起來有些像web.py或 Google的webapp,不過為了更加有效地利用非阻塞服務器環(huán)境,Tornado這個Web框架還包含了一些相關(guān)的有用工具和優(yōu)化。

區(qū)別

Tornado與現(xiàn)代主流的Web服務器框架有著明顯的區(qū)別:它使非阻塞式的服務器,速度相當快。這得益于其非阻塞的方式和對epoll的運用。Tornado每秒可以處理數(shù)以千計的連接,對于實時Web服務來說Tornado確實是一個理想的Web框架。

與Node.js相同的是,Tornado也采用的是單進程單線程異步IO的網(wǎng)絡模型,它們都可以編寫異步非阻塞的程序。但由于Node.js是Google Chrome V8引擎的JS運行環(huán)境或工具包,它屬于偏底層的抽象,擴展了JS編寫服務器程序的能力,所以基于Node.js會由不同的Web框架。從這個角度來看Node.js和Tornado其實并不在一個層次上。

Tornado是使用Python編寫的Web服務器兼Web應用框架,與主流Web服務器框架不同的是,Tornado是異步非阻塞式服務器,得益于非阻塞式和對epoll模型的運用,Tornado是實時Web服務的一個理想框架,它非常適合開發(fā)長輪詢、WebSocket和需要與每個用戶建立持久連接的應用。

特點


  • 輕量級Web框架
  • 異步非阻塞IO處理方式
  • Tornado采用的單進程單線程異步IO的網(wǎng)絡模式,其高性能源于Tornado基于Linux的Epoll(UNIX為kqueue)的異步網(wǎng)絡IO。
  • 出色的抗負載能力
  • 不依賴多進程或多線程
  • WSGI全棧替代產(chǎn)品
  • WSGI把應用(Application)和服務器(Server)結(jié)合起來,Tornado既可以是WSGI應用也可以是WSGI服務。
  • 既是WebServer也是WebFramework

Tornado是基于Bret Taylor和其他人員為FrientFeed所開發(fā)的網(wǎng)絡服務框架,當FriendFeed被Facebook收購后得以開源。不同于那些最多只能達到1w并發(fā)連接的傳統(tǒng)網(wǎng)絡服務器。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>

文章標題:PythonTornado批量上傳圖片并顯示功能-創(chuàng)新互聯(lián)
本文URL:http://bm7419.com/article42/dioghc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站改版響應式網(wǎng)站、定制網(wǎng)站App設計、全網(wǎng)營銷推廣

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營