文件无效的html5模式验证

Question

我在Google搜索时没有使用网址格式验证文件的选项。

我也在我的网站上试过了。但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属性非常有用。这是浏览器仅显示当前输入允许的文件的提示。虽然它通常可以被用户覆盖，但默认情况下有助于缩小用户的结果范围，因此他们可以获得他们正在寻找的内容，而无需筛选出一百种不同的文件类型。

Answer 2

请参阅node-glob's options：

  

accept属性非常有用。这是浏览器仅显示当前输入允许的文件的提示。虽然它通常可以被用户覆盖，但默认情况下有助于缩小用户的结果范围，因此他们可以获得他们正在寻找的内容，而无需筛选出一百种不同的文件类型。

您可以让用户更轻松地浏览他们的文件，但最终您无法控制它，因为它是用户输入。确保以任何语言检查文件。