在文件上傳對話框中限制文件類型

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你可以看到它的演示

UPD：由@Nis提到，演示現已納入源碼包：

我們已經提供了幾個簡單的演示，展示SWFUpload的是如何工作的。 這些演示不是作爲項目模板使用，而是作爲 SWFUpload的基本特性和方法的演示。它們包含在源代碼包中。