Question

I want to extract filename with path and its extension separately from image’s src with jquery.

for example:

<img src="images/cat/kitty.gif" id="myimg" />

I need to get “images/cat/kitty” and “.gif” from above code.

how can I do it?

Answer 1

You can simply use attr method instead:

$('#image_id').attr('src');

If you want name and extension separately, you can do:

var arr = $('#image_id').attr('src').split('.');
alert(arr[0]);    // name
alert(arr[1]);    // extension