diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue index 56c101db555e4d25503df3493c5d677fd07e414a..a0dccff49b406c79c3feef5ba5cdb1727234f4ba 100644 --- a/src/components/FileUpload/index.vue +++ b/src/components/FileUpload/index.vue @@ -7,6 +7,7 @@ :before-upload="handleBeforeUpload" :file-list="fileList" :limit="limit" + :accept="fileAccept" :on-error="handleUploadError" :on-exceed="handleExceed" :on-success="handleUploadSuccess" @@ -79,6 +80,9 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS const fileUploadRef = ref(); +// 监听 fileType 变化,更新 fileAccept +const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(',')); + watch( () => props.modelValue, async (val) => { diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue index 0ae6154706e0b6319551db4a546433d6a681c073..c666759d8cbbee005234dc8b4fcd7e862818320c 100644 --- a/src/components/ImageUpload/index.vue +++ b/src/components/ImageUpload/index.vue @@ -8,6 +8,7 @@ :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload" :limit="limit" + :accept="fileAccept" :on-error="handleUploadError" :on-exceed="handleExceed" :before-remove="handleDelete" @@ -87,6 +88,9 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS const imageUploadRef = ref(); +// 监听 fileType 变化,更新 fileAccept +const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(',')); + watch( () => props.modelValue, async (val: string) => {