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