I have the following image src:
<img src="http://xyz.example.com/abc/def/ghi/someimagename.jpg">
How can I use jquery to extract the image name without the extension e.g. in the above case this would be someimagename?
2 Answers
You can use regex /\/([^\/]+?)\.jpg">/ and get the capturing group value
var str = '<img src="http://xyz.example.com/abc/def/ghi/someimagename.jpg">';
var res = str.match(/\/([^\/]+)\.jpg">/)[1];
document.write(res);2 Comments
Wiktor Stribiżew
Why use lazy quantifier (
[^\/]+? in /\/([^\/]+?)\.jpg">/) with a negated character class? The result is the same as with a greedy one.
Pranav C Balan
@stribizhev thanks :)
you can do this too.
var string = '<img src="http://xyz.example.com/abc/def/ghi/someimagename.jpg">';
string = string.split("ghi/")[1].split(".")[0];
EDIT:
or you can do the following, which will work pretty good for any kind of url
var string = '<img src="http://xyz.example.com/abc/def/ghi/someimagename.jpg">';
function reverse(s){
return s.split("").reverse().join("");
}
string = reverse(string).split(".")[1].split("/")[0];
string = reverse(string);
1 Comment
Arif
It does not have jpg extension, recheck please. about URL you might be right
"http://xyz.example.com/abc/def/ghi/someimagename.jpg".split('/').pop().split('/').pop().split('.').shift();