Jquery to find an replace text after last slash in an image src url

Question

I know the question i've posted here is quit silly but after hours of googling and trying all most everything i could not get the desired result. So let me share it here in a hope to get solved here.

My problem is, i've an Image url source where i need to change Image name with new image name everytime. I'll post my tried code:

$(function () {
     //Old Image Url where i need to change 32_Penguins.jpg with new file name
     var ImageSrcUrl="../Upload\UserProfile\32_Penguins.jpg"; //Don't change forward slash with backword slash here and then try to answer
     var NewFileName="Tullips.jpg";

     //I tried to replace everything after the last "\"[slash]
     ImageSrcUrl= ImageSrcUrl.replace(/.*$/i, NewFileName); 

     alert(ImageSrcUrl);
});

Note: Please don't try to replace forward slash with backward slash manually and then answer it[Bcoz it works but conversion should be done via jquery code not manually]

I double checked my code and found that problem was in my Image tag where i was giving src attribute. Sorry everyone for giving burden, and thanks everyone for solving it. — Amar
– Amar, Commented May 20, 2016 at 9:03

score 1 · Accepted Answer · 2016-05-20 07:58:10Z

1

$(function() {
      //Old Image Url where i need to change 32_Penguins.jpg with new file name
      var ImageSrcUrl = "../Upload\\UserProfile\\32_Penguins.jpg";
      var index = ImageSrcUrl.lastIndexOf("\\") + 1;
     var path = ImageSrcUrl.substr(0,index);
     var NewFileName="Tullips.jpg ";
     ImageSrcUrl= path+NewFileName; 
     alert(ImageSrcUrl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited May 20, 2016 at 7:58

answered May 20, 2016 at 7:16

user2560539

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

1 Comment

user2560539 Over a year ago

try to change to lastindexof("\\") @Amar and write ImageSrcUrl escaping `` as well.

nstCactus · Accepted Answer · 2016-05-20 08:26:01Z

1

$(function(){
     var ImageSrcUrl = "../Upload/UserProfile/32_Penguins.jpg";

     var NewFileName = "Tullips.jpg";
     var index = ImageSrcUrl.lastIndexOf("/") + 1;
     var filename = ImageSrcUrl.substr(index);
     ImageSrcUrl = ImageSrcUrl.replace(filename, NewFileName); 
     alert(ImageSrcUrl);
});

edited May 20, 2016 at 8:26

nstCactus

5,2212 gold badges35 silver badges42 bronze badges

answered May 20, 2016 at 7:34

Prasad

563 bronze badges

Comments

Jose Bernalte · Accepted Answer · 2016-05-20 07:19:15Z

0

$(function () {
     //Old Image Url where i need to change 32_Penguins.jpg with new file name
     var ImageSrcUrl="../Upload/UserProfile/32_Penguins.jpg";
     var NewFileName="Tullips.jpg";

     var parts = ImageSrcUrl.split('/');

     parts[parts.length -1] = NewFileName;
     alert(parts.join('/'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered May 20, 2016 at 7:19

Jose Bernalte

1771 silver badge10 bronze badges

Comments

Muthu Sundar Arumugavelu · Accepted Answer · 2016-05-20 07:21:16Z

0

**I wrote an example for this one:**

$(function () {
    var str = "ss/ll/Test.jpg";
      var m = /[^/]*$/.exec(str)[0];
      var sts = str.replace (m, "Tst.jpg");
      display("Input: " + str);
      display("Replaced: " + sts);

      function display(msg) {
        var p = document.createElement('p');
        p.innerHTML = msg;
        document.body.appendChild(p);
      }
    });

answered May 20, 2016 at 7:21

Muthu Sundar Arumugavelu

1495 bronze badges

Comments

Ciprianis · Accepted Answer · 2016-05-20 07:41:59Z

0

I modified your initial function:

function aa() {
    var ImageSrcUrl="../Upload/UserProfile/32_Penguins.jpg";
    var NewFileName="Tullips.jpg";
    ImageSrcUrl = ImageSrcUrl.replace(/[A-z0-9.]*$/i, NewFileName); 
    return ImageSrcUrl;
};

From what I tested it should work.

answered May 20, 2016 at 7:41

Ciprianis

2553 silver badges10 bronze badges

1 Comment

Ciprianis Over a year ago

I don't understand your comment. I did change the `\` because AFAIK urls don't have them.

Collectives™ on Stack Overflow

Jquery to find an replace text after last slash in an image src url

5 Answers 5

1 Comment

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related