https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file

文件类型可以通过 accept 属性指定，accept 属性的值是一个包含一个或多个（用逗号分隔）这种唯一文件类型说明符的字符串

  • 一个以英文句号（”.”）开头的合法的不区分大小写的文件名扩展名。例如： .jpg .pdf .doc
  • 一个不带扩展名的 MIME 类型字符串
  • 字符串 audio/*， 表示 “任何音频文件”
  • 字符串 video/*，表示 “任何视频文件”
  • 字符串 image/*，表示 “任何图片文件”

示例：任何图片+ pdf 文件

1
<input type="file" accept="image/*,.pdf">

文档 .docx

1
<input type="file" accept=".docx">