在“文件上载”对话框中限制文件类型

时间:2012-09-26 09:33:56

标签: javascript flash html5 file-upload

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

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

我知道HTML5有一种方法可以使用<input type=file accept=jpg/images>,但由于缺乏支持(在IE和Safari中没有),它不是一个选项。

我一直在寻找网络并找到了一个jQuery文件上传器,但从我所看到的情况来看,只有在你点击上传按钮时它才能检查文件类型,这无助于过滤可用的文件。

有没有办法使用Flash或HTML5技术?

1 个答案:

答案 0 :(得分:7)

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

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

如@Nis所述

更新,演示现已包含在源代码包中:

  

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