Horje
javascript - get the filename and extension from input type=file Code Example
get uploaded file name in js
$('input[type="file"]').change(function(e) {
        var fileName = e.target.files[0].name;
        $(e.target).parent('div').find('.form-file-text').html(fileName)
  		// Inside find search element where the name should display (by Id Or Class)
});
javascript - get the filename and extension from input type=file
//Use lastIndexOf to get the last \ as an index and use substr to get the remaining string starting from the last index of \

function getFile(filePath) {
        return filePath.substr(filePath.lastIndexOf('\\') + 1).split('.')[0];
    }

    function getoutput() {
        outputfile.value = getFile(inputfile.value);
        extension.value = inputfile.value.split('.')[1];
    }
<input id='inputfile' type='file' name='inputfile' onChange='getoutput()'><br>
    Output Filename <input id='outputfile' type='text' name='outputfile'><br>
    Extension <input id='extension' type='text' name='extension'>
js get the filename you uploaded
var fu1 = document.getElementById("FileUpload1");
alert("You selected " + fu1.value);




Javascript

Related
keypress javascript Code Example keypress javascript Code Example
read json from file js Code Example read json from file js Code Example
jquery google Code Example jquery google Code Example
react native socket io Code Example react native socket io Code Example
react native shaddow Code Example react native shaddow Code Example

Type:
Code Example
Category:
Coding
Sub Category:
Code Example
Uploaded by:
Admin
Views:
8