Tengo varios archivos en una carpeta de proyecto que son archivos csv. Quiero obtener todos los nombres de los archivos de la carpeta e intentar mostrar en la página web cada archivo csv con su nombre. Este es el código que estoy tratando de usar, pero muestra el único archivo al que le doy la ruta completa. Ayúdenme a obtener todos los archivos y mostrar sus datos en la página web.

 <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>