文件不工作的html5模式验证

Question

我在谷歌搜索，没有使用URL模式验证文件的选项。

我也尝试过在我的网站。但是file的模式不起作用。检查我的密码-

<input type="file" class="form-control" id="mp3file_name" name="mp3file_name"  pattern="([^\s]+(\.(?i)(mp3))$)" accept="audio/mpeg, audio/mp3" required="required" />

属性accept工作正常，但我需要验证是否会上传除mp3之外的其他文件

Answer 1

移除模式，只需使用：

​

<input type="file" class="form-control" id="mp3file_name" name="mp3file_name" accept="audio/mpeg, audio/mp3" required="required" />

​

也是Mave说的

accept属性非常有用。它提示浏览器只显示当前输入所允许的文件。虽然它通常可以被用户覆盖，但默认情况下它有助于缩小用户的结果范围，这样他们就可以准确地获得他们想要的内容，而不必筛选出100种不同的文件类型。

Answer 2

请参阅File input 'accept' attribute - is it useful?

accept属性非常有用。它提示浏览器只显示当前输入所允许的文件。虽然它通常可以被用户覆盖，但默认情况下它有助于缩小用户的结果范围，这样他们就可以准确地获得他们想要的内容，而不必筛选出100种不同的文件类型。

您可以使用户更容易浏览他们的文件，但最终您无法控制它，因为它是用户输入。确保您以任何语言检查该文件，无论您以何种语言接收表单。