正文

html怎么获取图片名字

优站号 V管理员 /2024-03-05 /0 评论 /12 阅读

0305

<!DOCTYPE html>
<html>
<body>
<h2>获取图片名字</h2>
<p>点击按钮获取图片名字：</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
  var img = document.getElementById("myImage");
  var imgName = img.src.split("/").pop();
  alert("图片名字是： " + imgName);
}
</script>
<img id="myImage" src="your_image_path.jpg" alt="你的图片">
</body>
</html>

在这个示例中，我们首先通过document.getElementById("myImage")获取到图片元素，然后通过img.src.split("/").pop()获取到图片的路径，并使用split("/")将路径分割成数组，最后通过pop()获取到数组的最后一个元素，即图片的名字。