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

Question

我正在使用原型(prototype)并尝试从 src 中的 URL 中获取文件名和扩展名<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值(value):

var img = $('small_img_src').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));