输入文件接受params似乎根本不起作用

Question

我想过滤用户可以选择<input type='file'>

的文件

所以我写道： 视频<input class="form-control" accept="video/*" name="my_video" id="my_video" type="file">

图片

和<input class="form-control" accept="image/*" name="my_picture" id="my_picture" type="file">

我使用Linux浏览器进行测试：

• Firefox 53.0（64位）
• Chromium 58.0.3029.81（64位）

两者都不过滤文件类型。

我在stackoverflow环顾四周。语法似乎很好。但即使是讨论中的例子对我也不起作用。

我也检查了MDN。什么都没有帮助我。

我还尝试直接放置accept="png" accept=".png"，accept="*.png"等文件扩展名。结果相同。

有人有线索让accept参数有效吗？

Answer 1

代码过于简单，并且在Chrome上没有显示任何错误。 但是对于跨浏览器功能，您可以使用jquery代码或Bootstrap File Input