h5循环展示目录下的图片

要循环展示目录下的图片，可以使用H5的相关技术来实现。其中比较常用的方法是借助JavaScript的File API和Canvas API来实现。下面是一个例子：

首先，需要一个HTML页面来展示图片。可以在页面中创建一个<div>标签作为容器，用来显示图片。例如：

<div id="image-container"></div>

接下来，使用JavaScript代码来获取目录下的所有图片文件，并循环展示它们。例如：

// 获取image-container元素
var container = document.getElementById('image-container');

// 创建一个新的FileReader对象
var reader = new FileReader();

// 定义目录路径
var directoryPath = '/path/to/directory/'; // 替换为实际的目录路径

// 读取目录中的文件
reader.addEventListener('load', function (event) {
    var image = new Image();
    image.src = event.target.result;
    container.appendChild(image);
});

// 循环读取目录下的文件
var files = ['image1.jpg', 'image2.jpg', 'image3.jpg']; // 替换为实际的图片文件名
for (var i = 0; i < files.length; i++) {
    var file = directoryPath + files[i];

    // 读取文件内容
    reader.readAsDataURL(file);
}

上述代码中，我们创建了一个FileReader对象，通过读取文件路径来获取文件内容，并将其作为图片的源。然后，将图片添加到容器<div>标签中，即可显示循环展示目录下的图片。

请注意，上述代码中的目录路径和图片文件名需要根据实际情况进行替换。同时，还需要注意浏览器的安全限制，确保代码能够正常读取目录中的文件。