el-upload断点续传

el-upload组件是Element UI中的一个文件上传组件，它支持断点续传功能。断点续传是指在文件上传过程中，如果上传中断或失败，可以从中断的位置继续上传，而不需要重新上传整个文件。

要实现el-upload的断点续传功能，可以按照以下步骤进行操作：

1. 在el-upload组件中设置`:auto-upload="false"`，这样文件不会自动上传。
2. 监听el-upload组件的`change`事件，获取选择的文件。
3. 将文件分成多个块（chunk），每个块的大小可以根据需求进行设置。
4. 使用XMLHttpRequest或者axios等工具发送每个块的数据到服务器，并在请求头中设置`Content-Range`来指定块的范围。
5. 服务器接收到每个块的数据后，将其保存到指定位置。
6. 当所有块都上传完成后，服务器将这些块合并成完整的文件。

以下是一个示例代码，演示了如何使用el-upload实现断点续传功能：

<template>
  <el-upload
    class="upload-demo"
    :action="uploadUrl"
    :auto-upload="false"
    :on-change="handleChange"
    :on-remove="handleRemove"
    :file-list="fileList"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="handleUpload">上传文件</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: '/upload', // 上传接口地址
      fileList: [], // 文件列表
    };
  },
  methods: {
    handleChange(file) {
      this.fileList = file.raw;
    },
    handleRemove(file) {
      // 移除文件时的操作
    },
    handleUpload() {
      // 上传文件时的操作
      // 将文件分块并上传
      // 合并块文件
    },
  },
};
</script>

请注意，上述代码中的`uploadUrl`需要根据实际情况进行设置，用于指定文件上传的接口地址。