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

Question

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

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

我知道 HTML5 有办法用 <input type=file accept=jpg/images> 做到这一点但由于它缺乏支持(在 IE 和 Safari 中没有)，所以它不是一个选择。

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

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

Answer 1

如果你想使用 accept 属性，你应该在那里设置正确的 mime 类型:accept="图片/jpg,图片/jpeg,图片/png,图片/gif,图片/bmp,图片/tiff"那是为了图像。但它在 IE 中不起作用，并且一些问题可能与 FF (人们说它只支持部分 mime 类型)

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

更新:如@Nis 所述，演示现在包含在源包中:

We have provided several simple demos to show how SWFUpload works. These demos are not intended as project templates but as demonstrations of basic features and methods for implementing SWFUpload. They are included in the source package.