如何使文件选择窗口仅显示.xml文件并将类型改为XML而非自定义

我之前也踩过这个坑！只用accept='text/xml'的时候，浏览器没法精准对应到友好的文件类型名称，所以才会显示成「自定义文件」。其实只要调整一下accept属性的写法，加上文件扩展名的匹配规则就行。

直接给你能用的代码：

<input type="file" accept=".xml, text/xml, application/xml">

为什么这么写？ #

• .xml是直接指定文件扩展名，大部分浏览器看到这个就会直接显示「XML文件」的分类；
• text/xml和application/xml是XML对应的标准MIME类型，用来兼容不同场景下的文件识别（比如有些XML文件的MIME类型可能是这两种之一）。

如果你追求极简，只写accept=".xml"也能达到让窗口显示「XML文件」的效果，加上MIME类型是为了更稳妥地覆盖各种情况~

内容的提问来源于stack exchange，提问作者MK Vimalan