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事件,获取选择的文件夹路径并输出到控制台。

html 选择指定文件夹

原文地址: https://www.cveoy.top/t/topic/bAOA 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录