JavaScript分割文件（Blob对象|File对象）

最新推荐文章于 2024-06-02 23:23:41 发布

csdn_meng

最新推荐文章于 2024-06-02 23:23:41 发布

阅读量1.6w

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/csdn_meng/article/details/105222446

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在遇到较大文件上传时的处理方法，通过使用Blob对象的slice方法将文件分割成更小的部分进行上传，有效解决了大文件上传的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在遇到较大文件上传时往往需要对文件进行分割上传，整理一小段文件分割例子

<input type='file' id='fileSelector' />
<button onclick="sliceFile">分割</button>
<script>
let SLICE_SIZE = 1024 * 1024;
function sliceFile() {
	let fileSelector = document.querySelector('#fileSelector');
	if (fileSelector.value == '') {
		alert('请选择要分割的文件');
		return;
	}
	
	// 这个file继承自Blob对象
	let file = fileSelector.files[0];
	let fileSize = file.size;
	if (fileSize > SLICE_SIZE){
		// 计算需要分几份
		let sliceCount = Math.ceil(fileSize / SLICE_SIZE);
		for (let i = 0; i < sliceCount; ++i) {
			// 计算分片起始位置
			let start = i * SLICE_SIZE;
			// 计算分片结束位置
            let end = start + SLICE_SIZE;
            // 最后一片特殊处理
            if (end > fileSize) {
                end = fileSize;
            }
            let newBlob = file.slice(start, end);
           	// balabala 业务代码
		}
		return;
	}
	// 不需要分割
	// balabala 业务代码
}
</script>