2012-08-17 169 views
2

我正在使用原型并试图获取<img>src属性中的URL的文件名和扩展名。例如,我想colorch091001-black-2.jpg出这一点:如何从URL中获取文件名和扩展名?

<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值:

var img = $('small_img_src').src; 

但我怎么得到的只是文件名和扩展?

回答

2

试试这个,对于纯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)); 
+0

修道者,如果我想要得到的第一个完整部分预期的最后一部分。我使用alert(img.substring(0,(img.lastIndexOf('/') - 1));为什么它不起作用。谢谢 – down 2012-08-17 07:45:52

+0

这取决于你在'img'中有什么,你应该试试'img.src.subs ...'。你可以调试你的代码,看看'img'中有哪些你正在尝试'substring'。 – yogi 2012-08-17 07:54:19

相关问题