el-upload-chunk v0.1.1

el-upload-chunk

A Vue component for chunk upload based on hui, supporting pause, resume, and breakpoint continuation.

Features

• Large file chunk upload
• Pause and resume upload
• Breakpoint continuation
• Upload progress
• File hash calculation (MD5)
• Concurrent upload control

Installation

npm install el-upload-chunk --save

Usage

<template>
  <chunk-upload
    upload-url="/api/upload"
    verify-url="/api/verify"
    merge-url="/api/merge"
    :request-config="requestConfig"
    :chunk-size="1 * 1024 * 1024"
    upload-button-text="Upload File"
    @upload-success="handleUploadSuccess"
    @upload-error="handleUploadError"
    @upload-progress="handleProgress"
    @upload-pause="handlePause"
    @upload-resume="handleResume"
    @upload-cancel="handleCancel"
  />
</template>

<script>
export default {
  data() {
    return {
      requestConfig: {
        headers: {
          'Authorization': 'Bearer xxx'
        }
      }
    }
  },
  methods: {
    handleUploadSuccess(file) {
      console.log('Upload success:', file)
    },
    handleUploadError({ file, error }) {
      console.log('Upload error:', error)
    }
  }
}
</script>

Props

Events