From 2c9999d20ae7e98cb1ac31ff5b4594ce4c49a9d6 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期四, 12 十二月 2024 17:24:24 +0800
Subject: [PATCH] 调整
---
src/components/FileUpload/index.vue | 20 +++++++++++++++-----
1 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index c7f6b0a..2cb9b1b 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">
璇蜂笂浼�
@@ -55,7 +56,7 @@
// 澶у皬闄愬埗(MB)
fileSize: {
type: Number,
- default: 5,
+ default: 20,
},
// 鏂囦欢绫诲瀷, 渚嬪['png', 'jpg', 'jpeg']
fileType: {
@@ -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: {
// 涓婁紶鍓嶆牎妫�鏍煎紡鍜屽ぇ灏�
@@ -147,7 +153,7 @@
// 涓婁紶鎴愬姛鍥炶皟
handleUploadSuccess(res, file) {
if (res.code === 200) {
- this.uploadList.push({ name: res.fileName, url: res.fileName });
+ this.uploadList.push({ name: res.newFileName, originalName: res.originalFilename , url: res.fileName });
this.uploadedSuccessfully();
} else {
this.number--;
@@ -160,7 +166,9 @@
// 鍒犻櫎鏂囦欢
handleDelete(index) {
this.fileList.splice(index, 1);
- this.$emit("input", this.listToString(this.fileList));
+ // this.$emit("input", this.listToString(this.fileList));
+ //淇敼涓鸿繑鍥炴暟缁�
+ this.$emit("input", this.fileList);
},
// 涓婁紶缁撴潫澶勭悊
uploadedSuccessfully() {
@@ -168,7 +176,9 @@
this.fileList = this.fileList.concat(this.uploadList);
this.uploadList = [];
this.number = 0;
- this.$emit("input", this.listToString(this.fileList));
+ // this.$emit("input", this.listToString(this.fileList));
+ //淇敼涓鸿繑鍥炴暟缁�
+ this.$emit("input", this.fileList);
this.$modal.closeLoading();
}
},
--
Gitblit v1.8.0