文件上传 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">

了解更多请点击本链接

猜你喜欢

转载自blog.csdn.net/weixin_43141746/article/details/104904396