文件上传&下载

下载流式文件

• axios 请求配置 responseType 设为 blob
• 使用开源工具 FileSaver 进行保存

判断文件类型

• 使用开源工具：https://github.com/sindresorhus/file-type
• input 元素 accept 属性只根据文件后缀名进行拦截，用户手动修改可以绕过
• 可以通过读取文件中的二进制数据来识别正确的文件类型：https://juejin.cn/post/6971935704938971173
• 对于某一些类型的文件，起始几个字节内容都是固定的，根据这几个字节的内容可以判断文件类型，可通过 FileReader API 来读取

实现大文件并发上传

• 参考：https://mp.weixin.qq.com/s/-iSpCMaLruerHv7717P0Wg
• 并发控制结合 Blob.slice
• 获取待上传文件
• 计算文件 md5 值
• 发起 get 请求判断文件是否已存在
• 不存在则执行上传，并发上传分块，并通知后端

实现大文件并行下载

• 参考：https://mp.weixin.qq.com/s?__biz=MzI2MjcxNTQ0Nw==&mid=2247490849&idx=1&sn=9d062c04baeb629d9b69a9fb4e7c3599&scene=21
• 使用 http 范围请求的特性
• 先发送一个 head 类型的请求，从响应头中读取 Content-Length，获取文件大小

参考

• https://juejin.cn/post/6980142557066067982
• https://juejin.cn/post/6989413354628448264