使用JavaScript从图像地址中获取图像名称

Question

我想从地址中获取图片名称。

这是我使用JavaScript的值：

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

请参阅split功能：

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