【JS+ACTIVEX】网页选择本地目录路径对话框
时间: 2023-07-31 14:08:00 浏览: 52
很抱歉,我的回答重复了,以下是一个可以在Chrome浏览器中使用的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Select Folder Dialog</title>
</head>
<body>
<button onclick="selectFolder()">Select Folder</button>
<script type="text/javascript">
function selectFolder() {
var input = document.createElement("input");
input.type = "file";
input.webkitdirectory = true;
input.multiple = false;
input.addEventListener("change", function(event) {
var folderPath = event.target.files[0].webkitRelativePath.split("/")[0];
alert("Selected folder path: " + folderPath);
});
input.click();
}
</script>
</body>
</html>
```
该代码中,我们创建了一个按钮并绑定了`selectFolder()`函数,当该按钮被点击时,将会弹出选择文件对话框。我们通过设置`input`元素的`webkitdirectory`属性为`true`来指定为选择目录,通过设置`multiple`属性为`false`来保证只能选择一个目录。在用户选择完目录后,我们通过`event.target.files[0].webkitRelativePath.split("/")[0]`获取选择的目录路径,并弹出一个提示框显示选择的目录路径。
需要注意的是,该功能只在Chrome浏览器中可用,因为只有Chrome浏览器支持HTML5的File API。