如何使用 javascript 在我的项目文件夹中的网页上显示 csv 文件的名称和数据（要从服务器获取的文件）

Question

我的项目文件夹中有多个文件，它们是 csv 文件。我想从文件夹中获取所有文件名，并尝试在网页上显示其名称下的每个 csv 文件。这是我尝试使用的代码，但它显示了我给出完整路径的唯一文件。请帮助我获取所有文件并在网页中显示其数据。

<h1>Choose file and display its Name</h1>
<style>
     td {
        border: 2px solid blue;
    }
</style>
<button onclick="showNames()">
    Click Me To Get Student Details
</button>
<table></table>
<script>

 newfiles=[]
 newfiles=fetch("../static/csvfiles/")
 console.log(newfiles)
   // for file in fetch(
    onload = fetch("../static/sysRestartTestData.csv").then(res => {
        return res.text()
    }).then(data => {
        let result = data.split(/\r?\n|\r/).map(e => {
            return e.split(",")
        })
        result.forEach(e => {
            let m = e.map(e => {
                return `<td>${e}</td>`;
            }).join("")
            let ce = document.createElement("tr");
            ce.innerHTML = m;
            if (ce.innerText != "") {
                document.querySelector("table").appendChild(ce);
            }
            // console.log(m);

        })
    })
  </script>