0
点赞
收藏
分享

微信扫一扫

ElementUI中el-upload中怎样限制上传文件的格式


场景

使用el-upload上传文件时限制只能上传指定格式的文件。

比如这里只允许上传apk格式的文件。

注:

实现

通过添加accept=".apk"来添加打开时的默认类型

<el-upload
:headers="headers"
:action="url"
:multiple="false"
:file-list="fileList"
:on-remove="fileRemove"
:on-success="uploadSuccess"
:on-error="uploadError"
:on-progress="uploadProgress"
:before-upload="beforeUpload"
:limit="1"
:on-exceed="beyond"
accept=".apk"
>

但是这样只能限制打开时默认的选择类型,还是可以进行更改为All

 

ElementUI中el-upload中怎样限制上传文件的格式_上传

重写

:before-upload="beforeUpload"

在方法中

beforeUpload(file) {
var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
const extension = testmsg === "apk";
if (!extension ) {
this.$message({
message: "上传文件只能是.apk格式!",
type: "warning",
});
}
return extension;
},

那么在选择其他类型的文件后就会触发提示并且没法提交

 

ElementUI中el-upload中怎样限制上传文件的格式_上传_02

举报

相关推荐

0 条评论