用于多个扩展名的 HTML 文件输入过滤器

HTML File Input Filter for Multiple Extensions

提问人：polarise 提问时间：6/13/2023 更新时间：6/14/2023 访问量：53

问：

我正在编写一个 Web 表单，用户可以通过该表单上传文件。使用 的属性允许我指定要过滤的单扩展名文件，但我想将其扩展为现在过滤多扩展名文件，例如 .accept<input type="file">.tar.gz

有没有办法做到这一点？

HTML 文件 输入 文件扩展名

评论

0赞 polarise 6/13/2023
似乎不起作用。当然，这应该在潜在用途中考虑过......因此我的问题。accept=".tar.gz"
0赞 Adrian Kokot 6/13/2023
它似乎适用于 Chrome 114 / Windows 10。您在哪个浏览器和操作系统上遇到过此问题？accept=".tar.gz"
0赞 polarise 6/13/2023
有趣的是，它应该在 Chrome 上为您工作。我正在使用 Firefox，但我也在 Chrome 和 Safari 上进行了测试，但它仍然不起作用。也许这是操作系统问题，因为我使用的是 macOS。
1赞 Adrian Kokot 6/17/2023
在搜索时，我在 chromium 论坛上发现了关于这个确切用例的开放问题，它被标记为“不会修复”，因为这是特定于操作系统的事情。我想你能做的最好的事情就是接受压缩档案的MIME类型。

答：

0赞 fallfall1995 6/14/2023 #1

您是否使用“，”来区分两个文件扩展名？

<input type="file" accept=".tar,.gz" />

示例图像

评论

0赞 polarise 6/14/2023
这将匹配文件和文件。我想匹配与文件不同的文件。这个解决方案不能解决我的问题。.tar.gz.tar.gz.foo.gz

上一个：Material-UI文件上传：点击Button时，没有打开文件选择选项，如何修复？

下一个：对话框中的文件输入会导致对话框在文件输入被取消时关闭