javascript onclick获取没有路径的图像名称

Question

我需要从没有路径的 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”的其余部分。。 提前致谢

Answer 1

你应该试试这个代码：

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;
 }

Answer 2

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

Answer 3

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;
}