jQuery - Image path replace folder error

Question

I have client specific images in many .html pages and I want to redirect the images path to other folder from default folder.

I am trying to achieve the same by following code from external javascript file which is working as expected. But getting an error and HTML source still showing as old file path

I am getting an error as below though Images are loading

GET file:///E:/User/Images/test.png net::ERR_FILE_NOT_FOUND

PS: I am doing this scr

$(document).ready(function () {
  $(function () {
    var img = $("img");
    img.each(function () {
      var src = $(this).attr('src');
      if (src.indexOf('Images/') > -1) { // Default path of the images
        $(this).attr('src', src.replace("Images", "Images/client")); // New path
      }
    });
  });
});

And also, if I check source code, still it is showing as Images/test.png instead of Images/client/test.png

@RIYAJKHAN, why you redirected him to that page, have you read his code? — Ray A
– Ray A, Commented Mar 11, 2016 at 7:34

Dimag Kharab · Accepted Answer · 2016-03-11 07:31:07Z

1

It should be ,

$(this).attr('src', src.replace("Images", "Images/client"));

answered Mar 11, 2016 at 7:31

Dimag Kharab

4,5391 gold badge27 silver badges47 bronze badges

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

1 Comment

Reddy Over a year ago

Sorry @all... it was typo with client text... I have corrected in question and in my code, still not working...

Ray A · Accepted Answer · 2016-03-11 07:32:40Z

1

First, you have to use a web server instead of what you are doing,

GET file:///E:/User/Images/test.png net::ERR_FILE_NOT_FOUND

means you are open the file locally.

However, your code is correct and doesn't have any error, you are trying to replace the word (client) with (Images/client) and because your src doesn't contain any word (client), the replace is not taking a place, your correct code should be something like:

$(this).attr('src', src.replace("Images", "Images/client"));

This will work for sure, test and let us know if it worked.

Thanks.

answered Mar 11, 2016 at 7:32

Ray A

1,3512 gold badges10 silver badges22 bronze badges

8 Comments

Reddy Over a year ago

tried from web server as well, still no luck... and also typo corrected in my question and code

Ray A Over a year ago

are you sure you don't have any error that prevents jquery from loading? cause I tried it just now on my server and it works fine

Ray A Over a year ago

also, please post the error code here, and make sure you have this path exisit: Images/client with all images inside

Reddy Over a year ago

I have cross verified in code and html page, test.png is loading from the Images/client... but still getting the error

Ray A Over a year ago

Sure, hope everything will work fine with you, also, don't forget to close this with accepted answer, for the help of the other who will visit this page after you.

|

Collectives™ on Stack Overflow

jQuery - Image path replace folder error

2 Answers 2

1 Comment

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related