regex - Replace filename using JavaScript? - Stack Overflow

admin管理员组

文章数量:1237473

Can someone show me how to do the following in JavaScript? I know how to grab the src of the image, I just want to be able to replace the filename with something new.

/image/any/path/ANY-TEXT_HERE.png

/image/any/path/NEWTEXT.png

Can someone show me how to do the following in JavaScript? I know how to grab the src of the image, I just want to be able to replace the filename with something new.

/image/any/path/ANY-TEXT_HERE.png

/image/any/path/NEWTEXT.png

• javascript
• regex
• replace

Share Improve this question Follow asked Mar 17, 2011 at 2:05 CofeyCofey 11.4k1616 gold badges5454 silver badges7575 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 15

Case-insensitive version:

path = path.replace(/(.*)\/.*(\.png$)/i, '$1/NEWTEXT$2')

Remove the i after / to make it case-sensitive.

var url = "/image/any/path/ANY-TEXT_HERE.png";
var mystring = "NEWTEXT";
var ind1 = url .lastIndexOf('/');
var ind2 = url .lastIndexOf('.');

var new_url = url.substring(0,ind1+1 )+ mystring + url.substring(ind2 );
alert(new_url ); 

Another option:

var filename = "/image/any/path/NEWTEXT.png";
var splitFilename = filename.split("/");
var newPath = splitFilename.slice(0, splitFilename.length - 1).join("/")
if (newPath.length !== 0) {
    newPath += "/"
}
newPath += newFilename;

All the other solutions so far assume there actually IS a path. They work only if there is at least one forward slash. This tested functions works in all cases including an empty path:

function rename_img_file(text, newname)
{ // Rename file in a IMG src (no query or fragment)
    var re = /^(.*\/)?[^\/]+\.(png|gif|jpe?g)$/i;
    var rep_str = '$1' + newname + '.$2';
    text = text.replace(re, rep_str);
    return text;
}

javascript its really restrictive to files. I assume that you want to do that on a server. if that so, you should use a serverside script, not a client side. Maybe you ar talking about an ajax script if you can explain a ltl further maybe i can lendyou a hand

本文标签： regexReplace filename using JavaScriptStack Overflow