Use jQuery to get the file input's selected filename without the path
var filename = $('input[type=file]').val().split('\\').pop();or you could just do (because it's always C:\fakepath that is added for security reasons):
var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')
You just need to do the code below. The first [0] is to access the HTML element and second [0] is to access the first file of the file upload (I included a validation in case that there is no file):
var filename = $('input[type=file]')[0].files.length ? ('input[type=file]')[0].files[0].name : "";
Chrome returns C:\fakepath\... for security reasons - a website should not be able to obtain information about your computer such as the path to a file on your computer.
To get just the filename portion of a string, you can use split()...
var file = path.split('\\').pop();...or a regular expression...
var file = path.match(/\\([^\\]+)$/)[1];...or lastIndexOf()...
var file = path.substr(path.lastIndexOf('\\') + 1);