async function uploadLargeFile(file, chunkSize = 1024 * 1024) {
const totalChunks = Math.ceil(file.size / chunkSize);
const fileId = Date.now().toString();
for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
const start = chunkIndex * chunkSize;
const end = Math.min(start + chunkSize, file.size);
const chunk = file.slice(start, end);
const formData = new FormData();
formData.append('file', chunk);
formData.append('chunkIndex', chunkIndex);
formData.append('totalChunks', totalChunks);
formData.append('fileId', fileId);
formData.append('fileName', file.name);
await fetch('/upload-chunk', {
method: 'POST',
body: formData
});
updateProgress((chunkIndex + 1) / totalChunks * 100);
}
// 通知服务器合并文件
await fetch('/merge-file', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ fileId, fileName: file.name })
});
}
大文件分片上传
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 上传管理 上传列表 网络变化处理 关于网络变化的处理,主要是对4G情况的处理,代码如下: 上传完成列表 支持文件名...
- # Node.js文件上传: 实现大文件分片上传 ## 概述 在现代Web应用中,**大文件上传**是一个常见且具...
- ```html 3. Node.js文件上传: 实现大文件分片上传 在现代Web应用中,处理大文件上传是常见的开发...
- # Node.js文件上传: 实现大文件分片上传与断点续传 ## 前言 在现代Web应用中,**大文件上传**已成...