Resources Scripts

Get the filename from upload form using Javascript

August 8, 2008 by rcastera 11 Comments

I needed a way to access the filename of a file being uploaded or attached using the input file from a form. So, I created a nice little function to achieve this. Hopefully it comes in handy for someone.

<script>
function getNameFromPath(strFilepath) {
    var objRE = new RegExp(/([^\/\\]+)$/);
    var strName = objRE.exec(strFilepath);
 
    if (strName == null) {
        return null;
    }
    else {
        return strName[0];
    }
}
</script>

function getNameFromPath(strFilepath) {

var objRE = new RegExp(/([^\/\\]+)$/);

var strName = objRE.exec(strFilepath);

if (strName == null) {

return null;

}

else {

return strName[0];

}

</script>

Javascript

11 Comments

Rod Smith November 30, -0001 at 12:00 am Reply

Hi Richard

This looks like the function I require but maybe you can confirm…

I’ve produced a website for our local camera club and a few of us are uploading our pictures but the ftp process is a bit tricky for some less computerate users.

So I thought I’d use the html file upload on a basic form for them.

Unfortunately when they select a file it only shows the first part of the path and they’re not sure it’s the correct picture. I’d like to show just the filename, (and extension), below the select field so they can be sure about what they are uploading.

I know I can’t check filesizes for them with javascript but could I check that the name fits our layout? Basically I’m telling everyone to call their pictures p1.jpg, p2.jpg etc so they drop into the gallery in the right place.

Many Thanks

ROD
Daniel Messano November 30, -0001 at 12:00 am Reply

Thank you. Given enough time I could have come up with something like this, but i don’t need to because you did 🙂
Naveen November 30, -0001 at 12:00 am Reply

Thank you Richard.

This came in handy for me!
Om Shanker Mishra November 30, -0001 at 12:00 am Reply

Thanks Its Very useful code!
Espen Overaae November 30, -0001 at 12:00 am Reply

Thanks for this, makes my day a little more pleasant 🙂
Bijoy Padhi November 30, -0001 at 12:00 am Reply

Good work. Works very well!
Anonymous November 30, -0001 at 12:00 am Reply

Thanks a lot good work… 🙂
may_tinhhong November 30, -0001 at 12:00 am Reply

Thanks so much. It’s useful for me!