如何使用Node.js文件系统在浏览器中设置img标签的src？

我正在创建一个html文件，打算在浏览器中查看该文件，并且在页面上有播放图像的幻灯片显示。我希望图片的迭代能够遍历子文件夹中的所有图片。

最佳，我应该能够从images文件夹添加/删除图片，而无需触摸代码或对文件名进行硬编码。我正在尝试使用node.js和require('fs')从该文件夹返回可用文件的列表，但是我对node完全陌生，并且不知道如何从浏览器中调用该节点文件。目前这就是我所拥有的：

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。

如何实现我的节点文件，以使浏览器可以访问images文件夹中的文件？

要列出文件夹中所有文件的名称，请尝试：

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

如何使用Node.js文件系统在浏览器中设置img标签的src？

我正在创建一个html文件，打算在浏览器中查看该文件，并且在页面上有播放图像的幻灯片显示。我希望图片的迭代能够遍历子文件夹中的所有图片。

最佳，我应该能够从images文件夹添加/删除图片，而无需触摸代码或对文件名进行硬编码。我正在尝试使用node.js和require('fs')从该文件夹返回可用文件的列表，但是我对node完全陌生，并且不知道如何从浏览器中调用该节点文件。目前这就是我所拥有的：

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。

如何实现我的节点文件，以使浏览器可以访问images文件夹中的文件？

要列出文件夹中所有文件的名称，请尝试：

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