html 选择指定文件夹
HTML无法直接选择指定文件夹,只能通过用户选择文件的方式来获取文件夹路径,或者借助JavaScript来实现。以下是一个使用JavaScript实现选择指定文件夹的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Select folder</title>
<script>
function selectFolder() {
const input = document.createElement('input');
input.type = 'file';
input.webkitdirectory = true; // for Chrome
input.multiple = false;
input.addEventListener('change', function() {
const folderPath = this.files[0].webkitRelativePath.split('/')[0];
console.log('Selected folder:', folderPath);
});
input.click();
}
</script>
</head>
<body>
<button onclick="selectFolder()">Select folder</button>
</body>
</html>
该代码在页面中添加了一个按钮,点击按钮后调用selectFolder()函数。该函数创建一个<input>元素,设置webkitdirectory属性为true以启用文件夹选择功能(仅适用于Chrome浏览器),并将multiple属性设置为false以限制只能选择一个文件夹。然后监听change事件,获取选择的文件夹路径并输出到控制台。
原文地址: https://www.cveoy.top/t/topic/bAOA 著作权归作者所有。请勿转载和采集!