Get values from string using jquery or javascript

Question

I have string like this:-

var src=url("http://localhost:200/assets/images/eyecatcher/6/black6.png)"

And now I want to get image name i.e black6.png and folder name 6. I know there is substr function I can use but the file name and folder name will be dynamic like orange12.png and 12 etc.

How I can get these values? Please help me.

Thanks

Answer 1

You can use split method for this:

var src = "http://localhost:200/assets/images/eyecatcher/6/black6.png";
var parsed = src.split( '/' );
console.log( parsed[ parsed.length - 1 ] ); // black6.png
console.log( parsed[ parsed.length - 2 ] ); // 6
console.log( parsed[ parsed.length - 3 ] ); // eyecatcher

etc.

Answer 2

If the base URL is always the same you could do

var url = "http://localhost:200/assets/images/eyecatcher/6/black6.png";
var bits = url.replace("http://localhost:200/assets/images/eyecatcher/", "").split("/");
var folder = bits[0], // 6
    file = bits[1];  // black6.png