限制上传文件类型

预算采购明细表点击右上角的×无法退出
master
Harry Yang 2023-01-03 14:15:00 +08:00
parent 6ba5df45c3
commit 7050cad2df
2 changed files with 22 additions and 2 deletions

View File

@ -229,9 +229,11 @@
name="files[]"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:before-upload="beforeUpload"
:on-success="handleFileUploaded"
:limit="10" :file-list="fileList"
:on-exceed="handleExceed">
:on-exceed="handleExceed"
accept=".rar,.zip,.7z,.doc,.docx,.pdf,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.bmp">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传PDF、excel、word、图片、压缩包且不超过50MB</div>
</el-upload>
@ -294,6 +296,7 @@
<template slot-scope="scope">
<el-upload :file-list="scope.row.fileList"
:limit="10" size="mini" name="files[]" action="${base}/file/upload"
accept=".rar,.zip,.7z,.doc,.docx,.pdf,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.bmp"
:on-remove="(_, fileList) => handleSupplierMaterialRemove(scope, fileList)"
:before-remove="(file, fileList) => beforeSupplierMaterialRemove(scope, file, fileList)"
:on-success="(response, file, fileList) => handleSupplierMaterialFileUploaded(scope, response, file, fileList)"
@ -971,6 +974,13 @@
return this.$confirm("确定移除 " + file.name + "");
},
beforeUpload(file) {
if (file.size > 50 * 1024 * 1024) {
this.$message.warning("上传文件大小不能超过 50MB");
return false;
}
},
handleFileUploaded(response, file, fileList) {
if (response.success) {
this.fileList = fileList

View File

@ -109,7 +109,7 @@
</div>
</el-dialog>
<el-dialog title="预算采购明细表" :visible="procurementDetailSelectorVisible" v-cloak width="90%" :close-on-click-modal="false">
<el-dialog title="预算采购明细表" :visible.sync="procurementDetailSelectorVisible" v-cloak width="90%" :close-on-click-modal="false">
<el-table border :data="procurementDetails">
<el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
@ -342,8 +342,10 @@
action="${base}/file/upload"
name="files[]"
:limit="10"
accept=".rar,.zip,.7z,.doc,.docx,.pdf,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.bmp"
:on-remove="handleRemove"
:on-exceed="handleExceed"
:before-upload="beforeUpload"
:before-remove="beforeRemove"
:on-success="handleFileUploaded">
<el-button size="small" type="primary">点击上传</el-button>
@ -412,6 +414,7 @@
</a>
</el-tag>
<el-upload v-else :limit="10" size="mini" name="files[]" action="${base}/file/upload"
accept=".rar,.zip,.7z,.doc,.docx,.pdf,.xls,.xlsx,.png,.jpg,.jpeg,.gif,.bmp"
:on-remove="(_, fileList) => handleSupplierMaterialRemove(scope, fileList)"
:before-remove="(file, fileList) => beforeSupplierMaterialRemove(scope, file, fileList)"
:on-success="(response, file, fileList) => handleSupplierMaterialFileUploaded(scope, response, file, fileList)"
@ -1141,6 +1144,13 @@
return this.$confirm("确定移除 " + file.name + "");
},
beforeUpload(file) {
if (file.size > 50 * 1024 * 1024) {
this.$message.warning("上传文件大小不能超过 50MB");
return false;
}
},
handleFileUploaded(response, file, fileList) {
if (response.success) {
this.fileList = fileList