通过点击事件获取所图片的所有信息

要获取图片的所有信息，可以使用 JavaScript 中的 MouseEvent 对象来绑定点击事件并获取图片信息。以下是一个示例代码：

// 获取图片元素
const image = document.querySelector('img');

// 绑定点击事件
image.addEventListener('click', function(event) {
  // 获取图片路径
  const imagePath = event.target.src;
  
  // 获取图片宽度
  const imageWidth = event.target.width;
  
  // 获取图片高度
  const imageHeight = event.target.height;
  
  // 获取图片名称
  const imageName = event.target.alt;
  
  // 输出图片信息
  console.log(`图片路径：${imagePath}，宽度：${imageWidth}，高度：${imageHeight}，名称：${imageName}`);
});

通过以上代码，当用户点击图片时，会获取到该图片的路径、宽度、高度和名称等信息，并在控制台输出。