wangchengming/YouKeChuanMei_VUE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理预览拦截

Browse Source
This commit is contained in:
wangchengming 2025-09-26 22:31:04 +08:00
parent 3da79a6056
commit 2be4b9e2a3
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/FileUpload/multiFileUpload.vue
View File

@ -43,7 +43,7 @@
<!-- 图片预览 -->
<el-dialog v-model="dialogVisible" width="1090px" class="my_dialog" align-center title="附件预览">
<img v-if="isImageFile(suffix)" :src="dialogImageUrl" class="preview-image" alt="Preview Image" />
<div v-else class="unsupported-file">
<div v-else-if="suffix == 'pdf'" class="unsupported-file">
<pdf-preview :pdf-url="dialogImageUrl" />
</div>
</el-dialog>
@ -103,9 +103,13 @@ const isImageFile = (suffix) => {
// 图片预览
const handleCardPreview = (filePath, _suffix) => {
suffix.value = _suffix
dialogImageUrl.value = filePath
dialogVisible.value = true
if (isImageFile(_suffix) || _suffix == 'pdf') {
suffix.value = _suffix
dialogImageUrl.value = filePath
dialogVisible.value = true
} else {
proxy.$modal.msgWarning('该类型文件不支持预览!!!')
}
}
// 删除图片

12
src/components/FileUpload/supplierDetailFile.vue
View File

@ -66,15 +66,19 @@ const setFileInfo = (files) => {
}
// 判断是否为图片文件
const isImageFile = (suffix) => {
const isImageFile = (suffix) => {
return ['jpeg', 'jpg', 'png'].includes(suffix.toLowerCase())
}
// 图片预览
const handleCardPreview = (filePath, _suffix) => {
suffix.value = _suffix
dialogImageUrl.value = filePath
dialogVisible.value = true
if (isImageFile(_suffix) || _suffix == 'pdf') {
suffix.value = _suffix
dialogImageUrl.value = filePath
dialogVisible.value = true
} else {
proxy.$modal.msgWarning('该类型文件不支持预览!!!')
}
}