以寡治众各个击破，超大文件分片上传之构建基于 Vue.js3.0+Ant-desgin+Tornado6 纯异步 IO 高效写入服务

npm install -g @vue/cli

npm install axios --save

npm i --save ant-design-vue@next -S

import { createApp } from 'vue'  import App from './App.vue'  import { router } from './router/index'      import axios from 'axios'  import qs from 'qs'    import Antd from 'ant-design-vue';  import 'ant-design-vue/dist/antd.css';      const app = createApp(App)      app.config.globalProperties.axios = axios;  app.config.globalProperties.upload_dir = "https://localhost/static/";    app.config.globalProperties.weburl = "http://localhost:8000";    app.use(router);  app.use(Antd);    app.mount('#app')

<a-upload        @change="fileupload"      :before-upload="beforeUpload"    >      <a-button>        <upload-outlined></upload-outlined>        上传文件      </a-button>    </a-upload>

beforeUpload:function(file){            return false;    }

fileupload:function(file){            var size = file.file.size;//总大小             var shardSize = 200 * 1024; //分片大小           this.shardCount = Math.ceil(size / shardSize); //总片数          console.log(this.shardCount);              for (var i = 0; i < this.shardCount; ++i) {             //计算每一片的起始与结束位置             var start = i * shardSize;             var end = Math.min(size, start + shardSize);            var tinyfile = file.file.slice(start, end);            let data = new FormData();          data.append('file', tinyfile);          data.append('count',i);          data.append('filename',file.file.name);            const axiosInstance = this.axios.create({withCredentials: false});            axiosInstance({              method: 'POST',              url:'http://localhost:8000/upload/',  //上传地址              data:data          }).then(data =>{               this.finished += 1;               console.log(this.finished);               if(this.finished == this.shardCount){              this.mergeupload(file.file.name);             }            }).catch(function(err) {              //上传失败          });              }            }

mergeupload:function(filename){            this.myaxios(this.weburl+"/upload/","put",{"filename":filename}).then(data =>{                  console.log(data);            });    }

pip3 install aiofiles

import aiofiles    # 分片上传  class SliceUploadHandler(BaseHandler):            async def post(self):              file = self.request.files["file"][0]          filename = self.get_argument("filename")          count = self.get_argument("count")            filename = '%s_%s' % (filename,count) # 构成该分片唯一标识符            contents = file['body'] #异步读取文件          async with aiofiles.open('./static/uploads/%s' % filename, "wb") as f:              await f.write(contents)            return {"filename": file.filename,"errcode":0}

import aiofiles    # 分片上传  class SliceUploadHandler(BaseHandler):            async def post(self):              file = self.request.files["file"][0]          filename = self.get_argument("filename")          count = self.get_argument("count")            filename = '%s_%s' % (filename,count) # 构成该分片唯一标识符            contents = file['body'] #异步读取文件          async with aiofiles.open('./static/uploads/%s' % filename, "wb") as f:              await f.write(contents)            return {"filename": file.filename,"errcode":0}          async def put(self):            filename = self.get_argument("filename")          chunk = 0            async with aiofiles.open('./static/uploads/%s' % filename,'ab') as target_file:                while True:                  try:                      source_file = open('./static/uploads/%s_%s' % (filename,chunk), 'rb')                      await target_file.write(source_file.read())                      source_file.close()                  except Exception as e:                      print(str(e))                      break                    chunk = chunk + 1          self.finish({"msg":"ok","errcode":0})

pip install apscheduler

from datetime import datetime  from tornado.ioloop import IOLoop, PeriodicCallback  from tornado.web import RequestHandler, Application  from apscheduler.schedulers.tornado import TornadoScheduler      scheduler = None  job_ids   = []    # 初始化  def init_scheduler():      global scheduler      scheduler = TornadoScheduler()      scheduler.start()      print('[Scheduler Init]APScheduler has been started')    # 要执行的定时任务在这里  def task1(options):      print('{} [APScheduler][Task]-{}'.format(datetime.now().strftime('%Y-%m-%d %H:%M:%S.%f'), options))      class MainHandler(RequestHandler):      def get(self):          self.write('<a href="/scheduler?job_id=1&action=add">add job</a><br><a href="/scheduler?job_id=1&action=remove">remove job</a>')      class SchedulerHandler(RequestHandler):      def get(self):          global job_ids          job_id = self.get_query_argument('job_id', None)          action = self.get_query_argument('action', None)          if job_id:              # add              if 'add' == action:                  if job_id not in job_ids:                      job_ids.append(job_id)                      scheduler.add_job(task1, 'interval', seconds=3, id=job_id, args=(job_id,))                      self.write('[TASK ADDED] - {}'.format(job_id))                  else:                      self.write('[TASK EXISTS] - {}'.format(job_id))              # remove              elif 'remove' == action:                  if job_id in job_ids:                      scheduler.remove_job(job_id)                      job_ids.remove(job_id)                      self.write('[TASK REMOVED] - {}'.format(job_id))                  else:                      self.write('[TASK NOT FOUND] - {}'.format(job_id))          else:              self.write('[INVALID PARAMS] INVALID job_id or action')      if __name__ == "__main__":      routes    = [          (r"/", MainHandler),          (r"/scheduler/?", SchedulerHandler),      ]      init_scheduler()      app       = Application(routes, debug=True)      app.listen(8888)      IOLoop.current().start()