How to remove domain name from the src URL attribute in Jquery

Question

I'm fetching img src attribute into a variable, while doing so I'm getting the complete url of the image, i want to remove domain name from the url

var imgurl = "http://nitseditor.dev/img/home/bg.jpg";

I want to have only img/home/bg.jpg . How can I achieve it?

Answer 1

You can use URL constructor.

This is an experimental technology

var url = new URL(imgurl);
console.log(url.pathname);

 var imgurl = "http://nitseditor.dev/img/home/bg.jpg"; var url = new URL(imgurl); console.log(url.pathname); 

Browser Support

Answer 2

Get substring by getting the index of third / .

 var imgurl = "http://nitseditor.dev/img/home/bg.jpg"; console.log( imgurl.substr(imgurl.indexOf('/', 7) + 1) ); 

Answer 3

url = url.replace(/^.*\/\/[^\/]+/, '')