el-upload 设置了上传文件类型 选择时可以切换为全部类型
时间: 2024-04-29 22:22:39 浏览: 84
上传支持多种格式
,可以通过设置 `accept` 属性来限制上传文件类型,如下所示:
```html
<el-upload
class="upload-demo"
action="your-upload-url"
:accept="['image/png', 'image/jpeg', 'application/pdf']"
>
<el-button slot="trigger">上传文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传 png/jpeg/pdf 格式的文件</div>
</el-upload>
```
在 `accept` 属性中,可以设置允许上传的文件类型,多个类型用逗号分隔。如果需要上传所有类型的文件,可以将 `accept` 属性设为 `'*'`,如下所示:
```html
<el-upload
class="upload-demo"
action="your-upload-url"
accept="*"
>
<el-button slot="trigger">上传文件</el-button>
<div slot="tip" class="el-upload__tip">支持上传所有类型的文件</div>
</el-upload>
```
这样就可以将上传文件类型限制为指定的类型,同时也可以在需要时切换为上传所有类型的文件。
阅读全文