JavaScript: чтение каталога из функции addEventListener - PullRequest
Новая
       9

JavaScript: чтение каталога из функции addEventListener

1 голос
/ 21 февраля 2020

Я добавил прослушиватель событий на свой сайт, который должен добавить дату, время и идентификатор устройства на сайт. Эта информация включена в имена файлов некоторых файлов, расположенных в каталоге на том же уровне, что и мой индекс. html. Структура каталогов: - аудиофайлы - date_time_device.wav - date2_time2_device2.wav - сценарии - сценарии. js - Home. html

В главе Home. html Я звоню addContent () (находится в скриптах. js), который включает addEventListener (). Это работает, если я вставляю жестко закодированные строки, поэтому кажется, что чтение из каталога не работает. Было бы здорово, если бы кто-нибудь мог направить меня в правильном направлении. Спасибо!

Глава дома. 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>

сценарии. 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;
    });
}
...