ThUploadBig大文件上传
吴少文 2023/6/15 vue
# ThUploadBig大文件上传
此组件解决用户在上传大文件时,意外中断或失败后,又需要重新上传,耗时长且浪费资源问题. 在用户上传过程中随意中断后,下一次重新上传该文件时,将记忆之前已上传的内容,从断点继续传输. 该组件在上传中会将文件切片,实现并行上传多个Part,大大加快上传速度
# 依赖说明
该组件依赖 element-ui 基础组件
# 基本使用
<template>
<div>
<th-upload-big v-model="fileList" />
</div>
</template>
<script>
export default {
data() {
return {
fileList: []
}
}
}
</script>
# 效果演示
# Api
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| value/v-model | 文件列表 | Array | [] | -- |
| limit | 上传文件数量限制，默认为0，即不限制 | Number | 0 | -- |
| limitSizeM | 上传文件大小限制，单位M, 默认为0，即不限制,会获取admin参数配置中文件 | Number | 0 | -- |
| accept | 上传限制类型的文件 传 * 号为无限制，默认为.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.html,.amr,.mp3,.gif,.jpg,.jpeg,.png,.pdf,.apk,会获取admin参数配置中文件 | String | -- | -- |
| useChunk | 超过多少M才使用大文件上传,小于将使用普通上传, 值为0则所有上传都使用大文件上传 | Number | 5 | -- |