分割圖像的href標簽

Question

我想像分割圖像的href標簽

<img src='/root/myimages/myPic.jpg'>

這樣我就只得到myPic.jpg最簡單的方法是什么？

Answer 1

var src = document.getElementById("yourImgId").src;
src = src.replace(/(.*\/)?([^/]*)$/, "$2");

Answer 2

<img id="myImg" src='/root/myimages/myPic.jpg'>

var str = $('#myImg').attr('src');
var newStr = str.substring(str.lastIndexOf("/") + 1);

Answer 3

var t = imageNode.src;
t = (t = t.split('/'))[t.length - 1];

Answer 4

function getFileName(path) {
 return path.match(/[-_\w]+[.][\w]+$/i)[0];
}
getFileName('http://www.example.com/images/blah.png'); // blah.png

這個getFileName()函數很棒，因為正則表達式的第一部分看起來像是一個有眼罩的家伙。