javascript - Get image name out of image address with JavaScript

Question

I would like to get the image name out of the address.

This is the value I with the JavaScript:

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

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

Whats the best way to get column-sortable.png out of the string?

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

如果您想尝试使用 Regex，请查看此内容。

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