javascript - JavaScriptで画像アドレスから画像名を取得

Question

アドレスから画像名を取得したいと思います。

これは、JavaScript での値 I です。

http://localhost:51557/img/column-sortable.png

document.getElementById("ctl00_contentHolder_iSortColumn").value = columnNumber;
            alert(imageName);

文字列から column-sortable.png を取得する最良の方法は何ですか?

Answer 1

URL の画像名の後に何もない (クエリ文字列やハッシュがない) 限り、次のように動作します。

var str = "http://localhost:51557/img/column-sortable.png";
alert(str.substring(str.lastIndexOf('/') + 1));

Answer 2

分割機能を参照してください。

var url = http://localhost:51557/img/column-sortable.png;
var elementArray = url.split('/');
var imageName = elementArray[elementArray.length - 1];

JSFiddle

Answer 3

正規表現を試してみたい場合は、こちらをご覧ください。

var imgURL = "http://localhost:51557/img/column-sortable.png";
var imageName = imgURL.replace( /^.*?([^/]+\..+?)$/, '$1' );
alert(imageName);