el-upload组件添加校验,只能上传.lic后缀的文件,否则就会提示报错
时间: 2023-07-19 22:06:58 浏览: 195
你可以使用 el-upload 组件的 before-upload 属性来添加校验,只允许上传 .lic 后缀的文件,否则提示报错。具体实现方法如下:
```
<el-upload
class="upload-demo"
action="/upload"
:before-upload="beforeUpload"
:on-success="onSuccess"
:on-error="onError"
>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
```
```
beforeUpload(file) {
const isLic = file.name.endsWith('.lic');
if (!isLic) {
this.$message.error('只能上传 .lic 文件!');
}
return isLic;
},
```
在 beforeUpload 方法中,判断文件的后缀是否为 .lic,如果不是,则提示错误并返回 false,否则返回 true,继续上传。
相关问题
el-upload组件,限制上传文件必须是.lic文件
你可以通过设置`accept`属性来限制上传文件类型为`.lic`,例如:
```html
<el-upload
action="/upload"
:accept="'application/x-lic'"
>
<el-button slot="trigger" type="primary">选取文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传.lic文件</div>
</el-upload>
```
这里通过设置`accept`为`"application/x-lic"`,表示只能上传 MIME 类型为`application/x-lic`的文件,即`.lic`文件。同时,可以添加一个提示信息,告知用户只能上传`.lic`文件。
el-upload组件,accept属性使用例(只接受.lic文件上传)
可以这样使用:
```
<el-upload
class="upload-demo"
action="/upload"
:accept="'.lic'"
:on-success="handleSuccess"
:on-error="handleError"
:before-upload="beforeUpload">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
```
其中`:accept="'.lic'"`表示只接受后缀名为.lic的文件上传。
阅读全文