Skip to content

文件分片(打包 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 · 基础案例目录 ✅ 本篇完结