Javascript - How to extract filename from a file input control

Question

When a user selects a file in a web page I want to be able to extract just the filename.

I did try str.search function but it seems to fail when the file name is something like this: c:\uploads\ilike.this.file.jpg.

How can we extract just the file name without extension?

Answer 1

var pieces = str.split('\\');
var filename = pieces[pieces.length-1];

Answer 2

Assuming your <input type="file" /> has an id of upload this should hopefully do the trick:

var fullPath = document.getElementById('upload').value;
if (fullPath) {
 var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
 var filename = fullPath.substring(startIndex);
 if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
  filename = filename.substring(1);
 }
 alert(filename);
}