diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue index 56c101d..a0dccff 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 0ae6154..c666759 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) => {