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="附件预览"> <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" /> <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" /> <pdf-preview :pdf-url="dialogImageUrl" />
</div> </div>
</el-dialog> </el-dialog>
@ -103,9 +103,13 @@ const isImageFile = (suffix) => {
// 图片预览 // 图片预览
const handleCardPreview = (filePath, _suffix) => { const handleCardPreview = (filePath, _suffix) => {
suffix.value = _suffix if (isImageFile(_suffix) || _suffix == 'pdf') {
dialogImageUrl.value = filePath suffix.value = _suffix
dialogVisible.value = true 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()) return ['jpeg', 'jpg', 'png'].includes(suffix.toLowerCase())
} }
// 图片预览 // 图片预览
const handleCardPreview = (filePath, _suffix) => { const handleCardPreview = (filePath, _suffix) => {
suffix.value = _suffix if (isImageFile(_suffix) || _suffix == 'pdf') {
dialogImageUrl.value = filePath suffix.value = _suffix
dialogVisible.value = true dialogImageUrl.value = filePath
dialogVisible.value = true
} else {
proxy.$modal.msgWarning('该类型文件不支持预览!!!')
}
} }