如何在HTML中从文件夹中获取未知图像

How to get unknown image from folder in HTML?

本文关键字：获取 未知 图像 文件夹 HTML      更新时间：2023-09-26

我有一个图像被上传到服务器上一个名为"uploads"的目录中，我是否可以在HTML页面上显示该图像，而无需指定图像的文件名？假设我想显示目录中唯一的png图像，是否有类似通配符的东西可以用来扫描符合条件的图像？

使用以下伪代码可以从/uploads文件夹中提取所有.png文件，因此，如果只有一个文件有问题，它应该可以正常工作。然而，它涉及JQuery。

var dir = "S/uploads/";
var fileextension = ".png";
$.ajax({
    url: dir,
    success: function (data) {
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");
            $("body").append($("<img src=" + dir + filename + "></img>"));
        });
    }
});

不，这是不可能的，因为这会造成漏洞。如果你不关心安全性，你可以破解它，正如其他人所回答的那样。

另一种选择是使用scandir（）（php）

$dir    = '/your-directory-here/';
$files1 = scandir($dir);

这将在$dir中输出一个文件数组，然后您可以根据需要进行排序/隔离。查看更多信息：http://php.net/manual/en/function.scandir.php

相关文章：