如何从URL中获取文件名和扩展名？

Question

我正在使用原型并尝试从src的{​​{1}}属性中的网址中获取文件名和扩展名。例如，我希望得到<img>：

colorch091001-black-2.jpg

我可以使用

获取<img id="small_img_src" src="http://127.0.0.1/magento162/media/catalog/product/cache/1/image/265x265/9df78eab33525d08d6e5fb8d27136e95/c/o/colorch091001-black-2.jpg"> 值

src

但是我如何才能获得文件名和扩展名？

Answer 1

试试这个，对于纯JavaScript解决方案

<img id="small_img_src" 
     title="Royal Dress" alt="" 
     src="http://127.0.0.1/magento162/media/catalog/product/cache/1/image/265x265/9df78eab33525d08d6e5fb8d27136e95/c/o/colorch091001-black-2.jpg"
     style="display: block;" />

var src = document.getElementById('small_img_src').src;
alert(src.substring(src.lastIndexOf('/') + 1));