JavaScript 获取本地文件夹内容:使用 File API 访问用户文件
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>
解释:
- 该示例代码展示了如何使用 File API 来访问用户选择的文件。
- 当用户选择一个文件后,
handleFiles()函数会被调用。 handleFiles()函数会读取文件的内容并将其打印到控制台中。
注意:
- 该示例代码只能读取单个文件。
- 要读取文件夹中的所有文件,需要进一步处理。
更多信息:
原文地址: https://www.cveoy.top/t/topic/ol1m 著作权归作者所有。请勿转载和采集!