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?
Asked
Active
Viewed 670 times
-2
Rory McCrossan
- 319,460
- 37
- 290
- 318
adam78
- 8,930
- 20
- 79
- 187
-
I would recommend that you use this library: [link](https://medialize.github.io/URI.js/) it has what you need. – FilipNikolovski Nov 23 '15 at 08:45
-
`"http://xyz.example.com/abc/def/ghi/someimagename.jpg".split('/').pop()` – Tushar Nov 23 '15 at 08:49
-
1How did you manage to ignore all suggestions of duplicates? Also string handling is not jQuery, just plain JS. – mplungjan Nov 23 '15 at 08:50
-
[`.split('/').pop().split('.').shift();`](http://jsfiddle.net/bjwxLw7r/) – billyonecan Nov 23 '15 at 08:50
2 Answers
1
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);
Pranav C Balan
- 110,383
- 23
- 155
- 178
-
Why use lazy quantifier (`[^\/]+?` in `/\/([^\/]+?)\.jpg">/`) with a negated character class? The result is the same as with a greedy one. – Wiktor Stribiżew Nov 23 '15 at 08:56
-
0
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);
Arif
- 1,567
- 8
- 18
-
It does not have jpg extension, recheck please. about URL you might be right – Arif Nov 23 '15 at 08:51