Question

我在网站上有以下目录

http://localhost/uploads/

我在目录中有超过20个图像，有多个名称。如何编码html来检索所有图像（jpg，png）而不提及图像的名称？

<div class="img-container">
   <img src="http://localhost/uploads" ></div>

Answer 1

这是从您的服务器获取的方式

使用：

var dir = "localhost/uploads/";
var fileextension = ".png";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        //List all .png file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location, "").replace("http://", "");
            $("body").append("<img src='" + dir + filename + "'>");
        });
    }
});

如果你有其他扩展，你可以使它成为一个数组，然后使用in_array（）逐个完成。

P.s：上述源代码未在localhost中测试。在托管网站中，它经过测试和运作

Answer 2

尝试此操作即可获得多张图片扩展程序

$dirname = "your-image-dir-name/";
$images =  glob("{$dirname}*.png, {$dirname}*.jpeg, {$dirname}*.gif");
foreach($images as $image) {
echo '<img src="'.$image.'" /><br />';
}

Html检索所有图像（jpg，png）而不提及图像的名称？

2 个答案: