HTML ＜input＞ accept 属性

<input type="file" id="upload" accept="application/pdf">

作用：

accept 属性用于指定 <input type="file"> 元素允许用户选择的文件类型。

在这里，accept属性的值为"application/pdf"，意味着文件选择对话框仅允许用户选择PDF文件。如果用户尝试选择其他类型的文件，这些文件将不会被显示在文件选择对话框中（具体行为可能因浏览器而异）

用法：

如需规定多个值，需使用逗号分隔

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

这个 accept 属性值表示输入字段允许选择所有图像类型文件以及 PDF 文件。

取值：

它的值可以是 MIME 类型、文件扩展名、或两者的组合。以下是一些常见的值和格式：

MIME 类型（标准 MIME 类型的完整列表）

• 图像文件

  • image/*：接受所有图像类型（如 JPEG、PNG、GIF）。
  • image/jpeg：接受 JPEG 文件。
  • image/png：接受 PNG 文件。
  • image/gif：接受 GIF 文件。

• 音频文件

  • audio/*：接受所有音频类型（如 MP3、WAV）。
  • audio/mp3：接受 MP3 文件。
  • audio/wav：接受 WAV 文件。

• 视频文件

  • video/*：接受所有视频类型（如 MP4、WebM）。
  • video/mp4：接受 MP4 文件。
  • video/webm：接受 WebM 文件。

• 文档文件

  • application/pdf：接受 PDF 文件。
  • application/msword：接受 Microsoft Word 文件（.doc）。
  • application/vnd.openxmlformats-officedocument.wordprocessingml.document：接受 Microsoft Word 文件（.docx）。

文件扩展名

• 多个文件类型

  • *.jpg, *.jpeg, *.png：接受 JPEG 和 PNG 文件。
  • *.pdf, *.docx：接受 PDF 和 DOCX 文件。

• 所有文件类型

  • */*：接受所有文件类型。

注意：

accept 属性仅适用于 <input type="file">。

提示：

请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。

accept 属性的主要目的是为了引导用户选择适当类型的文件，但它不能完全阻止用户选择不符合要求的文件类型。客户端和服务器端的文件验证是必要的，以确保文件类型符合预期。