文件上传 a-upload 限制文件上传类型
限制上传文件的类型
可以通过accept字段来设置点击upload按钮时扫描到的文件,下面例子中只识别Microsoft Word文档
<a-upload
:headers="headers"
:action="url"
:fileList="fileList"
@change="handleChange"
accept=".doc,.docx,application/msword,application/"
>
<a-button :disabled="isShow"> <a-icon type="upload" /> Upload </a-button>
</a-upload>
accept可以设置的类型有哪些
- 一个有效的不区分大小写的文件名扩展名,以句点(“.”)字符开头。例如:.jpg,.pdf,或.doc。
- 有效的MIME类型字符串,不带扩展名。
- 字符串,audio/*表示“任何音频文件”。
- 字符串,video/*表示“任何视频文件”。
- 字符串,image/*表示“任何图像文件”。
说明
该accept属性以包含一个或多个这些唯一文件类型说明符(以逗号分隔)的字符串作为其值。例如,一个文件选择器需要可以显示为图像的内容,包括标准图像格式和PDF文件,可能看起来像这样:
<input type="file" accept="image/*,.pdf">
了解更多请点击本链接