JS大文件分片上传详解

#在Web开发中，大文件上传一直是一个挑战。传统的文件上传方法可能导致浏览器崩溃、服务器过载或上传超时。为了解决这个问题，我们可以使用文件分片（Chunking）技术，将大文件分割成多个小块（chunks），然后逐个上传这些小块。这样不仅可以提高上传的稳定性，还可以实现断点续传和并行上传。#

分片上传流程

1. 前端准备：使用JavaScript的File API和Blob.prototype.slice()方法将文件分割成多个分片。
2. 上传分片：通过Ajax（或Fetch API）等技术逐个上传分片到服务器。
3. 服务端处理：服务器接收分片数据，并保存到临时位置。
4. 合并分片：当所有分片上传完成后，服务器将所有分片合并成一个完整的文件。
5. 验证与清理：验证合并后的文件完整性，并清理临时分片文件。

示例代码

前端代码（使用XMLHttpRequest和FormData进行分片上传）：

function uploadFile(file, chunkSize = 1024 * 1024 * 5) { // 5MB per chunk  
    const totalChunks = Math.ceil(file.size / chunkSize);  
    let currentChunk = 0;  
  
    function uploadChun