Javascript 将功能连接到电脑文件夹中显示的图片

我对JS和编程完全是新手，所以如果解释有点马虎，我很抱歉，但我会尽量把它弄清楚

所以我想做的是用一个JS代码读取和显示（在HTML页面中）PC文件夹中的照片，使它们可以点击，点击时它会将你重定向到一个具有相同照片但分辨率很高的页面

现在，我有一段代码来显示上面提到的图片，但问题是我似乎不知道如何将其“连接”到图片并使其可点击。更困难的是，我试图使所有这些代码都是动态的（正如您在下面的代码中看到的），所以我不希望有任何硬编码的图片标题等等

var index = 1;
var tempImg = new Image();
tempImg.onload = function(){
   appendImage();
}
var tryLoadImage = function(index){
   tempImg.src = 'img/' + index + '.jpg';
}
var appendImage = function(){
   var img = document.createElement('img');
   img.src = tempImg.src;
   document.body.appendChild(img)
   tryLoadImage(index++);
}
tryLoadImage(index);

---

非常感谢您的帮助，非常感谢

您可以通过向图像添加

onclick

功能，使图像可点击。试着这样做：

var appendImage = function(){
   var img = document.createElement('img');
   img.src = tempImg.src;

   img.onclick = e => {
      // do something you want to show the full picture like this maybe
      var el = document.getElementById("fullpictureid");
      if (el && e.target.src) {
         el.src = e.target.src;
         // so that it sets "src" in <img id="fullpictureid"> for example 
      }
   };
   document.body.appendChild(img)
   tryLoadImage(index++);
}

var appendImage=function（）{
var img=document.createElement（'img'）；
img.src=tempImg.src；
img.onclick=e=>{
//做一些你想展示全貌的事情，比如也许
var el=document.getElementById（“fullpictureid”）；
if（el&&e.target.src）{
el.src=e.target.src；
//例如，它在中设置了“src”
}
};
document.body.appendChild（img）
tryLoadImage（index++）；
}

您还可以显示您正在使用的html吗？我正在尝试从JS代码生成所有内容，我的html只包含基本内容：链接标记到css，脚本标记到JS。