javascript onclick获取不带路径的图像名称

javascript onclick get image name without path

本文关键字：图像 路径 onclick 获取 javascript      更新时间：2023-09-26

我需要从没有路径的SRC属性中复制图像的名称（名称+扩展名）。。HTML:

 <input type="text" id="result" /><br /><br />
 <img src="../some_folder/some_folder/photo_name.jpg" onclick="getName()" id="img1" />

JS:

 function getName() {
    document.getElementById("result").value = document.getElementById("img1").src;
 }

此代码克隆映像的完整路径。。路径不是静态的，所以我不能只剪切"SRC"的其余部分。。提前感谢

您应该尝试以下代码：

var filename = fullPath.replace(/^.*['''/]/, '');

你的JS函数是：

function getName() {
     var fullPath = document.getElementById("img1").src;
     var filename = fullPath.replace(/^.*['''/]/, '');
     // or, try this, 
     // var filename = fullPath.split("/").pop();
    document.getElementById("result").value = filename;
 }

document.getElementById("img1").src.split("/").pop().split(".")[0]

function getName() {
    var fullPath = document.getElementById("img1").src;
    var index = fullPath.lastIndexOf("/");
    var filename = fullPath;
    if(index !== -1) {     
        filename = fullPath.substring(index+1,fullPath.length);
    }
    document.getElementById("result").value = filename;
}
相关文章：