var fu1 = document.getElementById("FileUpload1");
How can I get the filename of the fileupload control with id FileUpload1?
var fu1 = document.getElementById("FileUpload1");
How can I get the filename of the fileupload control with id FileUpload1?
In google chrome element.value return the name + the path, but a fake path. Thus, for my case I used the name attribute on the file like below :
function getFileData(myFile){
var file = myFile.files[0];
var filename = file.name;
}
this is the call from the page :
<input id="ph1" name="photo" type="file" class="jq_req" onchange="getFileData(this);"/>
To get only uploaded file Name use this,
fake_path=document.getElementById('FileUpload1').value
alert(fake_path.split("\\").pop())
FileUpload1 value contains fake path, that you probably don't want, to avoid that use split and pop last element from your file.