Как использовать файловую систему Node.js, чтобы установить src тега img в браузере?

Question

Я создаю HTML-файл, предназначенный для просмотра в браузере, и на странице есть слайд-шоу воспроизводимых изображений.Я хотел бы, чтобы итерации изображений воспроизводились во всех изображениях, которые находятся в подпапке.

Оптимально, я должен иметь возможность добавлять / удалять изображения из папки изображений, не касаясь кода или когда-либо жестко кодировать именафайлы.Я пытаюсь использовать node.js и require('fs'), чтобы вернуть список доступных файлов из папки, но я совершенно не знаком с узлом и не знаю, как вызвать файл узла из браузера.в настоящее время это то, что у меня есть:

website.html

<script src="app.js"></script>

app.js

const fs = require('fs');

const files = fs.readdir('./images', function(err, files) {
    if (err) console.log('Error: ', err);
    else console.log(files);
})

Запуск этого в браузере выдаетошибка require is not defined.

Я запустил npm install -g browserify в командной строке для папки.

Как я могу реализовать свой файл узла таким образом, чтобы браузер мог получить доступ к файлам впапка с изображениями?

Answer 1

Чтобы вывести список имен всех файлов в папке, попробуйте:

fs.readdir('path-to-your-folder', (error, files) => {
    if (error) {
        console.error(error);
        return;
    }
    files.forEach(file => {
        console.log(file);
    }) 
})