如何檢測瀏覽器中的目錄選擇功能？

我想知道瀏覽器是否有能力選擇文件夾，而不僅僅是多個文件。目前的Chrome支持此功能（例如：http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html）。如何檢測瀏覽器中的目錄選擇功能？

顯然，它在Chrome中的工作時<input type="file" />具有webkitdirectory屬性。但是，我如何測試瀏覽器是否真的能夠選擇文件夾並遍歷文件？

來源

2012-08-29 mvbl fst

可能重複[？我如何檢查瀏覽器支持HTML5文件上傳（FORMDATA對象）]（http://stackoverflow.com/questions/7296426/how-can-i-check-if-the-browser-support-html5-file-upload-formdata-object） – GolezTrol

這不是重複的。據我所知，只有Chrome支持webkitdirectory（或未來的目錄屬性），而其他瀏覽器目前支持HTML5 File API。需要進行這樣的測試，因爲Chrome「'允許選擇_只能被選擇的文件夾，而不是文件或文件夾。 –

嘿@GeoffreyBooth - 我已經爲此寫了Modernizr插件。 –

也許這是你的問題的解決方案：

function isInputDirSupported() { 
    var tmpInput = document.createElement('input'); 
    if ('webkitdirectory' in tmpInput 
     || 'mozdirectory' in tmpInput 
     || 'odirectory' in tmpInput 
     || 'msdirectory' in tmpInput 
     || 'directory' in tmpInput) return true; 

    return false; 
}

的

來源

2013-02-19 22:36:55 twalthr

感謝您的回答。這幾乎是我們在自定義Modernizr測試中所做的。 –

如何檢測瀏覽器中的目錄選擇功能？

回答

相關問題