From 3b7181ccc8f3e9c233de96fc1221d8ffe73ac001 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 17 五月 2024 10:10:28 +0800
Subject: [PATCH] 张先强改文件
---
src/components/UploadC.vue | 18 +++++++++++++++++-
1 files changed, 17 insertions(+), 1 deletions(-)
diff --git a/src/components/UploadC.vue b/src/components/UploadC.vue
index 0f61e81..951adc9 100644
--- a/src/components/UploadC.vue
+++ b/src/components/UploadC.vue
@@ -4,6 +4,7 @@
:action="uploadUrl"
:show-file-list="true"
:limit="uploadNum"
+ :accept="acceptList"
multiple
:file-list="fileUrl"
:on-remove="handleRemove"
@@ -13,7 +14,7 @@
<el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
<div slot="tip" class="el-upload__tip">鍙兘涓婁紶pdf銆乵p4銆乵p3銆乸ng銆乯pg銆乯pge鏂囦欢锛屼笖涓嶈秴杩噞{fileSizeLimitM}}M</div>
<div v-if="fileUrl && fileUrl.length > 0 && uploadNum === 1">
- <video class="returnShow" v-if="fileType === 'video'" :src="'/api/files/' + fileUrl[0].url"></video>
+ <video controls class="returnShow" v-if="fileType === 'video'" :src="'/api/files/' + fileUrl[0].url"></video>
<img class="returnShow" v-if="fileType === 'img'" :src="'/api/files/' + fileUrl[0].url"/>
</div>
</el-upload>
@@ -40,6 +41,8 @@
},
fileUrl: {
type: Array,
+ required: true,
+ default: () => []
}
},
data() {
@@ -62,6 +65,7 @@
this.$emit('getUploadUrl', this.fileUrl);
},
beforeUpload(file) {
+
const limit = file.size / 1024 / 1024 < this.fileSizeLimitM;
if (!limit) {
this.$message.error(`涓婁紶鏂囦欢澶у皬涓嶈兘瓒呰繃 ${this.fileSizeLimitM}MB!`);
@@ -69,6 +73,18 @@
return limit;
},
},
+ computed: {
+ acceptList: () => {
+ let temp = '.jgp,.png,.jpeg'
+ if(this.fileType === 'video') {
+ temp = '.mp4,.avi'
+ }
+ if(this.fileType === 'pdf') {
+ temp = '.pdf'
+ }
+ return temp;
+ }
+ }
}
</script>
--
Gitblit v1.8.0