Question

I’m trying to get the value or file path from a html file upload control to a hidden input text box as soon as I select a file.

<input type="file" name="some_name" id="file" />
<input type="text" name="text_name" id="abc" style="display:none;" value=""/>

and my script looks like:

$('#file').live('change', function(){ alert("yes"); });

so I get the alert box but I would like to change the value of the hidden input field to the path of the file I select. Any help to solve this problem is highly appreciated.

Answer 1

Usually you get an element’s value with $('#elementId').val(), but in the case of a an <input type="file"> you can’t, because of security restrictions. There is no way to know the local file path (at least none that works consistently on all browsers).