javascript/jquery remove relative path from url

Question

I'm using jquery to find and retrieve several img src's from the DOM, however the src's are in relative path format like this:

src="../../../../../dynamic/eshop/product_images/thumbnail_cache/366x366/042-1392_13760000.1.jpg"

I need to remove all the trailing slashes and append an absolute url. Is there anyway to achieve this without using regex in javascript or jquery?

Well a lot of people say regex is overkill for a lot of things, so I was wondering if there was another method. Regex is also welcome but I don't know the syntax very well — user2028856
– user2028856, Commented Jun 14, 2013 at 10:29
You want to change the src to a different URL, or to the same URL, but with an absolute path? Because the current absolute path should be available in the this.src property of the of the node (which is different to the relative path held in the this.getAttribute('src') property. — David Thomas
– David Thomas, Commented Jun 14, 2013 at 11:32
@DavidThomas I want the absolute path of the same URL. So... I should use this.src instead of .attr('src')? — user2028856
– user2028856, Commented Jun 14, 2013 at 11:53

Spokey · Accepted Answer · 2013-06-14 11:20:20Z

5

Given the URL

var url = '../../../../../dynamic/eshop/product_images/thumbnail_cache/366x366/042-1392_13760000.1.jpg';

Using regex

var fullurl = url.replace(/^.+\.\//,'');

Using index

var inx = url.lastIndexOf('./');
var fullurl2 = url.substring(inx+2, url.length)

Normal replace (if you're sure you only have ../)

url.replace(/\.\.\//g, '');

FIDDLE

edited Jun 14, 2013 at 11:20

answered Jun 14, 2013 at 10:42

Spokey

11k2 gold badges31 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2028856 Over a year ago

thanks for the reply, does the regex method work with any length of preceding slashes and dots? I mean maybe some url's have shorter and some have longer slashes and dots

Spokey Over a year ago

@user2028856 jsfiddle.net/a4rnY/2 yes it does. Now that I think about it a normal replace should also work

maximkou · Accepted Answer · 2013-06-14 10:29:31Z

0

Use split function:

var segments = "/url/to/img".split('/');
alert(segments[segments.length-1]); // your value

answered Jun 14, 2013 at 10:29

maximkou

5,3421 gold badge23 silver badges41 bronze badges

2 Comments

user2028856 Over a year ago

thanks for the answer, but could you please provide a small explanation how this works?

maximkou Over a year ago

@user2028856, answer corrected see documentation. Function split your string by separator and create array of segments, to example code in answer return ['url','to', 'img'], your image name located in last segment.

Collectives™ on Stack Overflow

javascript/jquery remove relative path from url

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related