UPDATE: 上传自动替换最新文件

This commit is contained in:
贾同学
2025-10-23 14:15:55 +08:00
parent f0c0288174
commit 32808ce622

View File

@@ -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: '',