javascript - 如何过滤文件输入，使其只显示一种类型的文件？

Question

如何过滤文件输入，使其只显示一种类型的文件？我试过了，但没用:

<input type="file" value="*.docx"/>

Answer 1

有一个accept您可以添加到 <input> 的属性元素只允许浏览某些文件扩展名:

<input type="file" value="*.docx" accept=".doc,.docx" />

引用 - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored. The value must be a comma-separated list of unique content type specifiers:

• A file extension starting with the STOP character (U+002E). (E.g.: ".jpg,.png,.doc")
• ...

请记住，绕过此“限制”非常容易，任何具有最少 HTML 知识的人都可以通过在单击浏览按钮之前修改页面上的实际 HTML 元素来浏览和选择“不受支持”的文件类型.