网页上已显示的图片点击图片用layeropen弹出显示图片 如何防止图片二次加载

可以使用以下方法来防止图片二次加载：

1. 在点击图片之前，使用JavaScript将图片的URL保存到一个变量中。
2. 使用layer.open弹出图片之后，将图片的URL赋值给弹出的图片元素的src属性，这样图片就会从缓存中加载，而不是重新从服务器加载。
3. 可以考虑在弹出图片的同时，将原来的图片元素隐藏或删除，防止重复加载。

下面是一个示例代码：

<!-- HTML部分 -->
<img src="image.jpg" onclick="showImage(this)">

// JavaScript部分
function showImage(img) {
  var imgUrl = img.src; // 保存图片的URL
  
  layer.open({
    content: '<img id="popupImage">'
  });
  
  var popupImage = document.getElementById('popupImage');
  popupImage.src = imgUrl; // 设置弹出图片的URL
  img.style.display = 'none'; // 隐藏原来的图片元素
}

在这个例子中，当点击图片时，会保存图片的URL并使用layer.open弹出一个带有id为"popupImage"的图片元素。然后，将保存的URL赋值给弹出图片元素的src属性，并将原来的图片元素隐藏起来。这样就可以防止图片二次加载了