如何：HTML按钮显示文件夹

Question

我是HTML的新手，想要创建自己的网站。在我的网站上，我想要一个按钮，按下该按钮会返回存储在服务器上的随机图像。该图像需要显示在同一页面上。从几个来源我发现代码看起来像这样：

function pickimg(){
    var imagenumber = 5 ;
    var randomnumber = Math.random() ;
    var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
    images = new Array
    images[1] = "IMAGE #1"
    images[2] = "IMAGE #2"
    images[3] = "IMAGE #3"
    images[4] = "IMAGE #4"
    images[5] = "IMAGE #5"
    var image = images[rand1]
    document.randimg.src = image
}

这种方法的问题是需要事先确定文件列表。不同图片的列表很长，为每个文件创建单独的条目似乎效率低下。我的javaScript技能不存在，但我知道一些python。

此代码会将我文件夹中的每个文件名添加到列表中，就像JavaSCript示例一样，尽管它现在已经自动化了。

pictlist = []
path = "website\\pictures"
files = os.listdir(path)
for picture in files:
    pictlist.append(picture)

我的问题是，如何将此python代码转换为JavaScript以及我需要将哪些HTML代码添加到代码中？

谢谢！