百度网盘文件上传分析

今天高中复课,本小学生呆在家里没有事情可做,又去关注了最喜欢的前端。看到面试题,有一道是著名的“文件上传”,年幼无知的我以为如下图,文件托托上去就好了,没想到……

百度网盘文件上传分析_第1张图片百度网盘文件上传分析_第2张图片
以为也就是HTML代码,这里把网址改一下就可以了。其实不是的,使用Element+Vue以后,需要请求+服务端处理。
还讲到了“秒传”,对,就是“臭名昭著”的限速者——百度网盘,其算法倒是可以。这个组件库,我感觉是使用elementUI做的。
闲话不多说,说真实的。
首先,我被百度网盘的“秒传”折服。比如我1个GIntelliJ IDEA 2020.1安装包,竟然马上就给我上传了!这速度!这是个疑惑。我上传了几个自制的大文件,就慢的要死。emm...,无语。
首先上传文件(10K不到)

Created with Raphaël 2.2.0 打开上传页面 客户端选择文件 确认? 客户端读取文件 客户端向服务端发送联网请求 服务端判断没有重名 服务端保存文件 客户端提示上传成功 上传结束 yes no yes no

百度网盘:

Created with Raphaël 2.2.0 打开上传页面 客户端选择文件 确认? 客户端读取文件,并且计算md5 客户端向服务端发送联网请求,并包括md5 服务端判断没有重名 服务端全盘判断是否有相同Hash 直接复制 客户端提示上传成功 上传结束 服务端保存文件 提示重名 yes no yes no yes no

还有断点续传。

你可能感兴趣的:(HTML,前端,恰饭)