JavaScript 获取本地文件夹内容:使用 File API 访问用户文件

JavaScript 不能直接访问本地文件夹,这是由于 Web 浏览器出于安全考虑限制了 JavaScript 的访问权限。但是,我们可以通过 HTML5 的 File API 来访问用户的本地文件夹。

示例代码:

<!DOCTYPE html>
<html>
<head>
	<title>File API Demo</title>
	<script>
		function handleFiles(files) {
			const file = files[0];
			const reader = new FileReader();
			reader.onload = function(e) {
				const content = e.target.result;
				console.log(content);
			};
			reader.readAsText(file);
		}
	</script>
</head>
<body>
	<input type='file' onchange='handleFiles(this.files)'>
</body>
</html>

解释:

  1. 该示例代码展示了如何使用 File API 来访问用户选择的文件。
  2. 当用户选择一个文件后,handleFiles() 函数会被调用。
  3. handleFiles() 函数会读取文件的内容并将其打印到控制台中。

注意:

  1. 该示例代码只能读取单个文件。
  2. 要读取文件夹中的所有文件,需要进一步处理。

更多信息:

JavaScript 获取本地文件夹内容:使用 File API 访问用户文件

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

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