el-upload组件,限制上传文件必须是.lic文件
时间: 2023-07-28 08:16:13 浏览: 117
可以通过设置 `before-upload` 属性来限制上传文件类型为 .lic 文件。
示例代码如下:
```html
<el-upload
class="upload-demo"
action="/your/upload/url"
:before-upload="beforeUpload"
>
<el-button slot="trigger">选择文件</el-button>
<el-button slot="clear" icon="el-icon-circle-close"></el-button>
<div slot="tip" class="el-upload__tip">只支持 .lic 文件</div>
</el-upload>
```
```javascript
methods: {
beforeUpload(file) {
const extension = file.name.split('.').pop();
if (extension !== 'lic') {
this.$message.error('只支持 .lic 文件');
return false;
}
return true;
}
}
```
在 `beforeUpload` 方法中,通过获取文件名后缀来判断是否为 .lic 文件,如果不是,则返回 false 并给出错误提示,否则返回 true 允许上传。
相关问题
el-upload组件添加校验,只能上传.lic后缀的文件,否则就会提示报错
你可以使用 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组件,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的文件上传。
阅读全文