我正在创建一个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);
})
})