How to get filename of file control on file selection event using javascript

Question

I need to fetch only file name right at the moment user selects any file from the dialog box (click on "Open" button after selecting file or just double click on the file itself).

Is there any event of the file control available that can be fired to fetch the file name once dialog box is closed

I don't think there is need to show any code. But simply i am talking about <input type="file" name="fileupload" id="fileupload" value=""> and i want to fetch file name once we select any file from the dialog box. — Neeraj
– Neeraj, Commented Oct 5, 2012 at 14:05
@neeraj Have you tried listening to the change & propertychange event of the file control ? — HoLyVieR
– HoLyVieR, Commented Oct 5, 2012 at 14:06

Develoger · Accepted Answer · 2012-10-05 14:11:58Z

5

Try this:

<html>
<head>

<script>

function get_filename(obj) {

    var file = obj.value;
    alert(file);

}

</script>

</head>
<body>

<input type="file" name="file" value="" onchange="get_filename(this);" />

</body>
</html>

Live example:
http://simplestudio.rs/yard/filename/filename.html

answered Oct 5, 2012 at 14:11

Develoger

3,9882 gold badges26 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get filename of file control on file selection event using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related