使用vue-simple-uploader实现分块上传

vue-simple-uploader是一个Vue.js插件，可以帮助实现文件上传功能，包括分块上传。您可以按照以下步骤使用vue-simple-uploader实现分块上传：

1. 安装vue-simple-uploader插件：

npm install vue-simple-uploader --save

2. 在Vue组件中引入vue-simple-uploader：

import Vue from 'vue'
import VueSimpleUploader from 'vue-simple-uploader'

Vue.use(VueSimpleUploader)

3. 在模板中使用vue-simple-uploader：

<template>
  <div>
    <vue-simple-uploader
      :multiple="false"
      :chunk-size="5 * 1024 * 1024"
      :auto-upload="false"
      :input-accept="'image/*'"
      @file-added="onFileAdded"
      @before-upload="onBeforeUpload"
      @uploading="onUploading"
      @uploaded="onUploaded"
      @error="onError"
    >
      <button slot="trigger">选择文件</button>
    </vue-simple-uploader>
  </div>
</template>

4. 实现上传相关的方法：

methods: {
  onFileAdded(file) {
    console.log('文件已添加', file)
  },
  onBeforeUpload(file) {
    console.log('文件准备上传', file)
  },
  onUploading(file, progress) {
    console.log('文件上传中', file, progress)
  },
  onUploaded(file, response) {
    console.log('文件上传完成', file, response)
  },
  onError(file, response) {
    console.log('上传出错', file, response)
  }
}

通过以上步骤，您可以实现基于vue-simple-uploader的分块上传功能。