文件上传 a-upload 限制文件上传类型

文件上传 a-upload 限制文件上传类型

限制上传文件的类型

可以通过accept字段来设置点击upload按钮时扫描到的文件，下面例子中只识别Microsoft Word文档

<a-upload
:headers="headers"
:action="url"
:fileList="fileList"
@change="handleChange"
accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
>
<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">

了解更多请点击本链接