文件分片(打包 zip)
File Chunks
你将学到什么
- 大文件 slice 分片 打包 zip 上传/下载思路
- JSZip 合并 ArrayBuffer 还原完整 glb
URL.createObjectURL临时加载
效果说明
选择本地 .glb → 均分 5 片写入 zip → 自动下载 _chunks.zip → 再解压合并 → GLTFLoader 加载进场景。
核心概念
js
for (let i = 0; i * chunkSize < file.size; i++) {
zip.file(`${i}.chunk`, file.slice(i * chunkSize, (i + 1) * chunkSize));
}
// 还原:按序 async arraybuffer → Uint8Array 拼接 → Blob → loader.load(url)适用于 超大模型分片上传 后端再合并;本案例为前端演示全流程。
小结
基础案例 · Three.js · 35/35 · 基础案例目录 ✅ 本篇完结
