如何检测浏览器中的目录选择功能？

Question

我想知道浏览器是否能够选择文件夹，而不仅仅是多个文件。当前的 Chrome 支持此功能（示例：http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html）。

显然，当

<input type="file" />

具有

webkitdirectory

属性时，它可以在 Chrome 中工作。但是我如何测试浏览器是否确实能够选择文件夹并遍历文件？

Answer 1

也许这是您问题的解决方案：

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;
}

Answer 2

'webkitdirectory' in HTMLInputElement.prototype

我认为这在现代浏览器中就足够了。