youaremysunshine youaremysunshine - 1 year ago 66
Javascript Question

click on input box to show open file dialog but not click on choose file button

I have an input box and I want user to click on the input box to show the open file dialog and show the filename in the same input box. But if I use the input type="file", it will show the "choose file button", I dont wan to show the button. How can I do it?


<div class="fileupload">
<input type="file" class="file" name="image" />

<div class="fileupload">
<input type="file" class="file" name="attachement" />
** I dont wan this, how do I hide the choose file button?

Answer Source

You can overlay a transparent <input type="file"/> over a styled button or other element.

<input type="file" style="opacity:0;"/>

See this JSFiddle for a working demo.