html - 限制上传的文件类型，即仅显示 mp3

Question

是否可以将表单输入的文件上传限制为仅显示扩展名为 mp3 的文件，如下所示：

<input class="someClass" type="file" name="UploadAudio" accept="audio/mp3"/>

因为由于某种原因这不起作用，它似乎总是显示其他文件类型扩展名以供上传。

Answer 1

要指定扩展名，请以点开头：

<input type="file" accept=".mp3,audio/*">

这将接受所有扩展名为 mp3 的文件或音频类型的文件。逗号允许列出多种可能性，因此只需删除,audio如果您严格只想要.mp3（而不是.wav例如）。

您的音频/mp3 正在混合两种方式：要么使用扩展名，要么使用正确的 mime 类型，应该是audio/mpeg3

所以你的可能性是：

<input type="file" accept=".mp3">

或者

<input type="file" accept="audio/mpeg3">

Answer 2

要接受所有类型的音频文件，请明确编写所有类型的接受扩展名。

<input type="file" accept="audio/mp3,audio/*;capture=microphone" />

这也隐藏了屏幕上显示的选择文件按钮。