在文件上传对话框中限制文件类型

Question

我正在用 HTML5 构建一个应用程序，我需要一个能够过滤各种文件的文件上传器。

假设我有一个包含 1000 个文件的文件夹，其中 5 个文件具有 .xls 格式。一旦在上传窗口的 MIME 类型选择器中选择了该文件类型，我希望上传窗口过滤这些文件。

我知道 HTML5 可以通过 <input type=file accept=jpg/images> 实现此目的，但由于缺乏支持（IE 和 Safari 中不支持），因此无法选择。

我一直在网上寻找一个 jQuery 文件上传器，但据我所知，它只能在您点击上传按钮后检查文件类型，这无助于过滤可用文件。

有没有办法使用 Flash 或 HTML5 技术来做到这一点？

Answer 1

如果你想使用接受属性，你应该在那里设置正确的 mime 类型： accept="image/jpg,image/jpeg,image/png,image/gif,image/bmp,image/tiff" 那是为了图像。但它在 IE 中不起作用，FF 可能会出现一些问题（人们说它只支持部分 mime 类型）

对于类似的任务，我正在使用SWFUpload。您可以在那里指定允许的文件列表，它只会在打开文件对话框中显示这些文件。 Here你可以看它的demo

更新：正如@Nis 所说，演示现在包含在源包中：

我们提供了几个简单的演示来展示 SWFUpload 的工作原理。 这些演示不是作为项目模板，而是作为 演示基本功能和实现方法 SWF 上传。它们包含在源代码包中。