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

Question

I have an image that is uploaded to a directory called "uploads" on my server, is there anyway I can display that image on an HTML page without having to specify the filename of the image? Say I want to display the only png image within the directory, is there something like a wildcard that I can use to scan for the image that fits the criteria?

Answer 1

Using something like the following pseudocode can allow you to pull all the .png files from your /uploads folder, thus if you only have one file in question it should work fine. It involves JQuery however.

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>"));
        });
    }
});

Answer 2

No, it is not directly possible as that would create vulnerabilities. You can hack it, as others have answered if you don't care about security.

An alternative would be with scandir() (php)

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

This outputs an array of the files in $dir and you can then sort/isolate however you want. See more: http://php.net/manual/en/function.scandir.php