在 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 字符串,获取文件列表,并将文件列表添加到页面中。需要注意的是,这种方式只能读取服务器上的文件夹,无法读取客户端本地的文件夹。

html 读取指定文件夹路径内容

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

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