上传文件大小限制

This commit is contained in:
Zheng Jie
2022-03-18 14:30:10 +08:00
parent 31c465972e
commit 337794ee6f
2 changed files with 14 additions and 4 deletions

View File

@@ -41,7 +41,7 @@
:action="fileUploadApi + '?name=' + form.name"
>
<div class="eladmin-upload"><i class="el-icon-upload" /> 添加文件</div>
<div slot="tip" class="el-upload__tip">可上传任意格式文件且不超过100M</div>
<div slot="tip" class="el-upload__tip">可上传任意格式文件且不超过1M</div>
</el-upload>
</el-form-item>
</el-form>
@@ -145,10 +145,10 @@ export default {
},
beforeUpload(file) {
let isLt2M = true
isLt2M = file.size / 1024 / 1024 < 100
isLt2M = file.size / 1024 / 1024 < 1
if (!isLt2M) {
this.loading = false
this.$message.error('上传文件大小不能超过 100MB!')
this.$message.error('上传文件大小超出限制:1MB')
}
this.form.name = file.name
return isLt2M

View File

@@ -32,6 +32,7 @@
:before-remove="handleBeforeRemove"
:on-success="handleSuccess"
:on-error="handleError"
:before-upload="beforeUpload"
:file-list="fileList"
:headers="headers"
:action="qiNiuUploadApi"
@@ -39,7 +40,7 @@
multiple
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" style="display: block;" class="el-upload__tip">请勿上传违法文件且文件不超过15M</div>
<div slot="tip" style="display: block;" class="el-upload__tip">请勿上传违法文件且文件不超过1M</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="doSubmit">确认</el-button>
@@ -120,6 +121,15 @@ export default {
_this.init()
_this.dialog = true
},
beforeUpload(file) {
let isLt2M = true
isLt2M = file.size / 1024 / 1024 < 1
if (!isLt2M) {
this.loading = false
this.$message.error('上传文件大小超出限制:1MB')
}
return isLt2M
},
handleSuccess(response, file, fileList) {
const uid = file.uid
const id = response.id