html 读取指定文件夹路径内容
在 HTML 中是不可能直接读取文件夹路径内容的,因为 HTML 是一种标记语言,它只能用来描述文档的结构和内容,并不包含操作系统的文件读取功能。
如果你想要在网页中展示某个文件夹的内容,可以考虑使用 JavaScript 或服务器端脚本语言(如 PHP、Python 等)来实现。以下是一个简单的 JavaScript 示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>读取文件夹内容</title>
</head>
<body>
<ul id="file-list"></ul>
<script>
// 定义要读取的文件夹路径
var folderPath = "/path/to/folder";
// 使用 XMLHttpRequest 对象发送 GET 请求获取文件夹内容
var xhr = new XMLHttpRequest();
xhr.open("GET", folderPath);
xhr.onload = function() {
if (xhr.status === 200) {
// 解析返回的 HTML 字符串,获取文件列表
var html = xhr.responseText;
var parser = new DOMParser();
var doc = parser.parseFromString(html, "text/html");
var fileList = doc.querySelectorAll("a");
// 将文件列表添加到页面中
var fileListElem = document.getElementById("file-list");
for (var i = 0; i < fileList.length; i++) {
var fileName = fileList[i].textContent;
var filePath = folderPath + "/" + fileName;
var li = document.createElement("li");
var a = document.createElement("a");
a.href = filePath;
a.textContent = fileName;
li.appendChild(a);
fileListElem.appendChild(li);
}
}
};
xhr.send();
</script>
</body>
</html>
这个示例通过 XMLHttpRequest 对象发送 GET 请求获取指定路径的文件夹内容,然后解析返回的 HTML 字符串,获取文件列表,并将文件列表添加到页面中。需要注意的是,这种方式只能读取服务器上的文件夹,无法读取客户端本地的文件夹。
原文地址: https://www.cveoy.top/t/topic/bARp 著作权归作者所有。请勿转载和采集!