UPDATE: 上传自动替换最新文件
This commit is contained in:
@@ -12,6 +12,7 @@
|
|||||||
action="#"
|
action="#"
|
||||||
class="upload"
|
class="upload"
|
||||||
:limit="1"
|
:limit="1"
|
||||||
|
:on-exceed="handleExceed"
|
||||||
:http-request="uploadZip"
|
:http-request="uploadZip"
|
||||||
accept=".zip"
|
accept=".zip"
|
||||||
:auto-upload="!parameter.confirmMessage"
|
:auto-upload="!parameter.confirmMessage"
|
||||||
@@ -56,7 +57,15 @@
|
|||||||
|
|
||||||
<script setup lang="ts" name="ImportZip">
|
<script setup lang="ts" name="ImportZip">
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { ElMessage, ElMessageBox, type UploadInstance, type UploadProps, type UploadRequestOptions } from 'element-plus'
|
import {
|
||||||
|
ElMessage,
|
||||||
|
ElMessageBox,
|
||||||
|
genFileId,
|
||||||
|
type UploadInstance,
|
||||||
|
type UploadProps,
|
||||||
|
type UploadRawFile,
|
||||||
|
type UploadRequestOptions
|
||||||
|
} from 'element-plus'
|
||||||
import http from '@/api'
|
import http from '@/api'
|
||||||
|
|
||||||
export interface ZipParameterProps {
|
export interface ZipParameterProps {
|
||||||
@@ -170,7 +179,12 @@ const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
|
|||||||
message: ''
|
message: ''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const handleExceed: UploadProps['onExceed'] = files => {
|
||||||
|
uploadRef.value!.clearFiles()
|
||||||
|
const file = files[0] as UploadRawFile
|
||||||
|
file.uid = genFileId()
|
||||||
|
uploadRef.value!.handleStart(file)
|
||||||
|
}
|
||||||
const progressData = ref({
|
const progressData = ref({
|
||||||
percentage: 0,
|
percentage: 0,
|
||||||
status: '',
|
status: '',
|
||||||
|
|||||||
Reference in New Issue
Block a user