如何检查浏览器是否支持webkitdirectory
How can I check if the browser support webkitdirectory?
我在项目中使用Google Chrome的文件夹上传功能,如下所述:如何使用Google Chrome 11';s上传文件夹功能在我自己的代码中?
我有一个按钮,当被点击时会触发一个输入字段。我的问题是如何检查浏览器是否支持webkitdirectory?这样我就可以隐藏我的按钮或提醒用户使用chrome进行此服务。
<button>Upload Folder</button>
<input type="file" name="file[]" multiple webkitdirectory>
<script>
$("button").click(function(e) {
/* TODO: Detect webkitdirectory support */
if(webkitdirectory)
$('input').trigger('click');
else
alert('Use Chrome!');
});
</script>
要查看是否支持webkitdirectory,请检查输入元素中的属性:
webkitdirectorySupported(){
return 'webkitdirectory' in document.createElement('input')
}
基于Modernizer和这个答案,我可以使用这个函数来检测是否支持目录选择:
function testFileInputDirectory() {
var elem = document.createElement('input'),
dir = 'directory',
domPrefixes = [ "", "moz", "o", "ms", "webkit" ],
prefix;
elem.type = 'file';
for (prefix in domPrefixes) {
if (domPrefixes[prefix] + dir in elem) {
return true;
}
}
return false;
}
相关文章:
- jQuery检测浏览器是否支持Zoom
- 浏览器是否持久缓存脚本元素的编译版本
- 如何(功能)检测浏览器是否支持WebM alpha透明度
- 如何知道浏览器是否阻止插件
- 查看浏览器是否在React中更改了路线
- 角度2:检查用户的浏览器是否兼容
- 检查浏览器是否支持iFrame上的加载方法
- 检查浏览器是否支持 HTML 验证
- 如何检测浏览器是否正在加载
- 安卓股票浏览器是否支持WebSocket
- 检查浏览器是否已完成页面加载
- 浏览器是否在选项卡之间传播javascript变量
- 如何检测浏览器是否支持js-onscroll.立即
- 具有辅助功能的浏览器是否支持CSS或JavaScript
- 检测浏览器是否启用了 TLS
- 如何使用JavaScript /条件注释测试浏览器是否符合CSS3
- 大视频.js - 检查浏览器是否支持,背景图像回退
- 如何检测谷歌浏览器是否阻止Flash播放
- 如何检查浏览器是否支持带有javascript的svg
- 浏览器是否缓存下载的javascript