Get the filename of a fileupload in a document through JavaScript

Question

var fu1 = document.getElementById("FileUpload1"); 

How can I get the filename of the fileupload control with id FileUpload1?

Answer 1

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);"/> 

Answer 2

Try the value property, like this:

var fu1 = document.getElementById("FileUpload1"); alert("You selected " + fu1.value); 

NOTE: It looks like FileUpload1 is an ASP.Net server-side FileUpload control.
If so, you should get its ID using the ClientID property, like this:

var fu1 = document.getElementById("<%= FileUpload1.ClientID %>");