html怎么从文件夹随机抽取图片
时间: 2023-05-20 16:05:10 浏览: 178
您可以使用 JavaScript 来实现从文件夹随机抽取图片的功能。以下是一个示例代码:
```javascript
// 获取图片文件夹中所有图片的路径
const imageFolder = './images/';
const fs = require('fs');
const imagePaths = fs.readdirSync(imageFolder).map(file => `${imageFolder}${file}`);
// 随机选择一张图片
const randomIndex = Math.floor(Math.random() * imagePaths.length);
const randomImagePath = imagePaths[randomIndex];
// 在 HTML 中显示图片
const imgElement = document.createElement('img');
imgElement.src = randomImagePath;
document.body.appendChild(imgElement);
```
这段代码首先获取指定文件夹中所有图片的路径,然后随机选择一张图片,并将其显示在 HTML 页面中。您可以将 `imageFolder` 变量替换为您自己的图片文件夹路径。
阅读全文