JavaScript：从addEventListener函数中读取目录_Javascript_Html_Addeventlistener_Fs

JavaScript：从addEventListener函数中读取目录

javascript html

JavaScript：从addEventListener函数中读取目录,javascript,html,addeventlistener,fs,Javascript,Html,Addeventlistener,Fs,我在我的网站上添加了一个事件侦听器，它应该在网站上添加日期、时间和设备id。这些信息包含在与my index.html位于同一级别的目录中的某些文件的文件名中。目录结构： -音频文件 --日期\时间\设备.wav --日期2_时间2_设备2.wav -剧本 --scripts.js -Home.html 在Home.html的头部，我调用了addContent（）（位于scripts.js中），其中包括addEventListener（）。如果我插入硬编码的字符串，这是有效的，因此从目录中读

我在我的网站上添加了一个事件侦听器，它应该在网站上添加日期、时间和设备id。这些信息包含在与my index.html位于同一级别的目录中的某些文件的文件名中。目录结构： -音频文件 --日期\时间\设备.wav --日期2_时间2_设备2.wav -剧本 --scripts.js -Home.html

在Home.html的头部，我调用了addContent（）（位于scripts.js中），其中包括addEventListener（）。如果我插入硬编码的字符串，这是有效的，因此从目录中读取似乎不起作用。如果有人能把我引向正确的方向那就太好了。谢谢

Home.html的负责人：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://unpkg.com/wavesurfer.js"></script>
    <script type="text/javascript" src='scripts/scripts.js'> </script>
    <script type="text/javascript" src="js/wavesurfer.js"></script>
    <script>
        addContent();
    </script>
    <title>Home</title>
</head>


addContent（）；
家

scripts.js：

function addContent() {
    document.addEventListener("DOMContentLoaded", function(event) { 
        var fs = require('fs');
        const files = fs.readdirSync('path/to/audiofiles');

        for (i=0;i<3;i++) {
            var date = files[i].slice(0,10);
            var time = files[i].slice(11,19);
            var device = files[i].slice(20,-4);

            var TheInnerHTML ="";
            TheInnerHTML += "<tr><td> blabla" + 3 + " " + String(date)+"</td><td>"+String(time)+"</td></tr>"+String(device)+"</td></tr><br>";
        }
        document.getElementById("TheBody").innerHTML = TheInnerHTML;
    });
}

函数addContent（）{
addEventListener（“DOMContentLoaded”，函数（事件）{
var fs=需要（'fs'）；
const files=fs.readdirSync（'path/to/audiofiles'）；
对于（i=0；i您是使用fs
访问客户端上的文件，还是尝试从服务器读取文件？我正在笔记本电脑上本地运行此操作。所有文件和子目录都位于本地计算机上的同一目录中。您无法从浏览器直接访问文件系统。您使用的代码片段来自nodejs，应该d将在服务器上执行。谢谢。是否有其他方法可以完成我想要完成的任务？您是使用fs
访问客户端上的文件还是尝试从服务器读取文件？我正在笔记本电脑上本地运行此操作。所有文件和子目录都位于本地计算机上的同一目录中。您无法直接访问文件系统您使用的代码片段来自nodejs，应该在服务器上执行。谢谢。还有其他方法可以完成我想要完成的任务吗？