Vue切片上传

<template>
  <div>
    <input
      type="file"
      @change="handleFileChange"
    />
    <el-button @click="handleUpload">上传</el-button>
  </div>
</template>

<script>
const SIZE = 10 * 1024; // 切片大小

export default {
  data: () => ({
    container: {
      file: null
    },
    data: []
  }),
  methods: {
    request () { },
    handleFileChange (e) {
      // this.container.file
      const [file] = e.target.files
      this.container.file = file;
    },
    // 生成文件切片
    createFileChunk (file, size = SIZE) {
      const fileChunkList = [];
      let cur = 0;
      while (cur < file.size) {
        fileChunkList.push({ file: file.slice(cur, cur + size) });
        cur += size;
      }
      return fileChunkList;
    },
    // 上传切片
    async uploadChunks () {
        const requestList = this.data
        .map(({ chunk, hash }) =