大文件分片上传的JS方法

1. 在Vue组件中创建文件选择的input：

<template>
  <div>
    <input type="file" ref="fileInput" @change="handleFileChange">
    <button @click="uploadFile">上传文件</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleFileChange(event) {
      this.selectedFile = event.target.files[0];
    },
    uploadFile() {
      // 分片上传逻辑
      // ...
    }
  }
}
</script>

1. 编写分片上传逻辑：

// 定义全局变量
let CHUNK_SIZE = 1024 * 1024; // 每个分片大小（1MB）

function uploadChunks(file) {
  // 计算文件总共需要分成多少片
  let totalChunks = Math.ceil(file.size / CHUNK_SIZE);
  let currentChunk = 0;

  while (currentChunk < totalChunks) {
    let start = currentChunk * CHUNK_SIZE;
    let end = start + CHUNK_SIZE;
    let chunk = file.slice(start, end); // 使用slice方法将