From 5e75a6a49fab5e644f46c01707020f46b6d54016 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期二, 26 十一月 2024 23:09:55 +0800
Subject: [PATCH] 上传文件筛选文件类型
---
src/components/FileUpload/index.vue | 15 ++++++++-------
1 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index 12ad4ea..e00f7af 100644
--- a/src/components/FileUpload/index.vue
+++ b/src/components/FileUpload/index.vue
@@ -2,6 +2,7 @@
<div class="upload-file">
<el-upload
multiple
+ :accept="acceptList"
:action="uploadFileUrl"
:before-upload="handleBeforeUpload"
:file-list="fileList"
@@ -15,7 +16,7 @@
ref="fileUpload"
>
<!-- 涓婁紶鎸夐挳 -->
- <el-button size="mini" type="primary">閫夊彇鏂囦欢</el-button>
+ <el-button icon="el-icon-upload2" size="small" type="primary">涓婁紶</el-button>
<!-- 涓婁紶鎻愮ず -->
<div class="el-upload__tip" slot="tip" v-if="showTip">
璇蜂笂浼�
@@ -109,6 +110,11 @@
showTip() {
return this.isShowTip && (this.fileType || this.fileSize);
},
+ acceptList () {
+ let temp = '.*'
+ temp = this.fileType.map(item => '.' + item).join(',')
+ return temp
+ }
},
methods: {
// 涓婁紶鍓嶆牎妫�鏍煎紡鍜屽ぇ灏�
@@ -119,14 +125,9 @@
const fileExt = fileName[fileName.length - 1];
const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
if (!isTypeOk) {
- this.$modal.msgError(`鏂囦欢鏍煎紡涓嶆纭紝璇蜂笂浼�${this.fileType.join("/")}鏍煎紡鏂囦欢!`);
+ this.$modal.msgError(`鏂囦欢鏍煎紡涓嶆纭�, 璇蜂笂浼�${this.fileType.join("/")}鏍煎紡鏂囦欢!`);
return false;
}
- }
- // 鏍℃鏂囦欢鍚嶆槸鍚﹀寘鍚壒娈婂瓧绗�
- if (file.name.includes(',')) {
- this.$modal.msgError('鏂囦欢鍚嶄笉姝ｇ‘锛屼笉鑳藉寘鍚嫳鏂囬�楀彿!');
- return false;
}
// 鏍℃鏂囦欢澶у皬
if (this.fileSize) {
--
Gitblit v1.8.0