聚是一团火散作满天星,前端 Vue.js+elementUI 结合后端 FastAPI 实现大文件分片上传

刘悦 at 
分片上传并不是什么新概念,尤其是大文件传输的处理中经常会被使用,在之前的一篇文章里:python 花式读取大文件(10g/50g/1t)遇到的性能问题(面试向)我们讨论了如何读写超大型文件,本次再来探讨一下如何上传超大型文件,其实原理都是大同小异,原则就是化整为零,将大文件进行分片处理,切割成若干小文件,随后为每个分片创建一个新的临时文件来保存其内容,待全部分片上传完毕后,后端再按顺序读取所有临时文件的内容,将数据写入新文件中,最后将临时文件再删掉。大体流程请见下图:其实现在市面上有很多前端的三方库都集成了分片上传的功能,比如百度的 WebUploader,遗憾的是它已经淡出历史舞台,无人维护……