Javascript 如何实现下载按钮？

在我的网站索引中，我目前正在显示18幅随机图像，以下是我当前用于显示这些图像的代码：

这是我的网站，我想在上面实现此功能：

HTML:

write（getImageTag（））；

JS:

var-imageurl=[
“css/images/avatars/1.png”
，“css/images/avatars/2.jpg”
，“css/images/avatars/3.png”
，“css/images/avatars/4.png”
，“css/images/avatars/5.png”
，“css/images/avatars/6.png”
，“css/images/avatars/7.png”
，“css/images/avatars/8.jpg”
，“css/images/avatars/9.jpg”
，“css/images/avatars/10.png”
，“css/images/avatars/11.jpg”
，“css/images/avatars/12.jpg”
，“css/images/avatars/13.jpg”
，“css/images/avatars/14.png”
，“css/images/avatars/15.jpg”
，“css/images/avatars/16.png”
，“css/images/avatars/17.jpg”
，“css/images/avatars/18.jpg”
];
函数getImageTag（）{
var img=“”；
返回img；
}
//JS代码中的图片增加到410个，所以我在这里只放了18个来缩短它。

我希望在悬停状态下实现一个下载按钮或类似的系统，但是，由于使用JS随机显示图像，我无法使用标准HTML ahref下载代码，因为我需要图像的绝对路径

有人知道我如何做到这一点并保留随机图像吗

---

提前谢谢

这就是你想要的？成功了！它弄乱了图像的间距等等，但我希望我能修复它，非常感谢迈克尔！

<script type="text/javascript">
document.write(getImageTag());
</script>

var imageURLs = [
"css/images/avatars/1.png"
 , "css/images/avatars/2.jpg"
 , "css/images/avatars/3.png"
 , "css/images/avatars/4.png"
 , "css/images/avatars/5.png"
 , "css/images/avatars/6.png"
 , "css/images/avatars/7.png" 
 , "css/images/avatars/8.jpg"
 , "css/images/avatars/9.jpg"
 , "css/images/avatars/10.png"
 , "css/images/avatars/11.jpg"
 , "css/images/avatars/12.jpg"
 , "css/images/avatars/13.jpg"
 , "css/images/avatars/14.png"
 , "css/images/avatars/15.jpg"
 , "css/images/avatars/16.png"
 , "css/images/avatars/17.jpg"
 , "css/images/avatars/18.jpg"
 ];
 function getImageTag() {
var img = '<img src=\"';
var randomIndex = Math.floor(Math.random() * imageURLs.length);
img += imageURLs[randomIndex];
img += '\" alt=\"Oh no, the image is broken!\"/>';
return img;
}
// Images in JS code go up to 410, so I have only placed 18 here to shorten it.