1function getFile(filePath) {
2        return filePath.substr(filePath.lastIndexOf('\\') + 1).split('.')[0];
3    }
4
5    function getoutput() {
6        outputfile.value = getFile(inputfile.value);
7        extension.value = inputfile.value.split('.')[1];
8    }

1<input id='inputfile' type='file' name='inputfile' onChange='getoutput()'><br>
2    Output Filename <input id='outputfile' type='text' name='outputfile'><br>
3    Extension <input id='extension' type='text' name='extension'>