当使用addEventListener点击图片时，我如何显示图片的文件名？

当使用addEventListener点击图片时，可以通过以下步骤来显示图片的文件名：

1. 首先，给图片元素添加一个点击事件监听器，使用addEventListener方法来监听点击事件。例如，假设图片元素的id为"myImage"，可以使用以下代码添加点击事件监听器：

document.getElementById("myImage").addEventListener("click", showFileName);

1. 创建一个名为showFileName的函数，该函数将在点击事件发生时被调用。在该函数中，可以通过获取图片元素的src属性来获取图片的文件名。可以使用split方法将src属性值按照"/"进行分割，然后获取分割后的数组的最后一个元素，即为文件名。例如：

function showFileName() {
  var imagePath = document.getElementById("myImage").src;
  var fileName = imagePath.split("/").pop();
  alert("图片文件名为：" + fileName);
}

1. 最后，当点击图片时，showFileName函数将被调用，弹出一个包含图片文件名的提示框。

这样，当点击图片时，就可以显示出图片的文件名。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理图片等各种类型的文件。产品介绍链接：https://cloud.tencent.com/product/cos

请注意，以上答案仅供参考，具体实现方式可能因实际需求和代码环境而有所不同。