javascript - jquery change method to trigger hidden file input - Stack Overflow

I have created a fake file input using an anchor tag and placed a hidden file input beside this, I want to use jquery to add a click event to the anchor tag that triggers the activation of the hidden input box but Im not pletely sure how to achieve this, if anyone could give me some advice that would be great.

Here is my current effort /

I guess Im probably way off with this one, would love some advice on how this can be achieved though

Kyle

I have created a fake file input using an anchor tag and placed a hidden file input beside this, I want to use jquery to add a click event to the anchor tag that triggers the activation of the hidden input box but Im not pletely sure how to achieve this, if anyone could give me some advice that would be great.

Here is my current effort http://jsfiddle/kyllle/CdXP9/

I guess Im probably way off with this one, would love some advice on how this can be achieved though

Kyle

• javascript
• jquery

Share Improve this question Follow asked Jul 5, 2011 at 14:07 stylerstyler 16.5k2525 gold badges8585 silver badges139139 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 10

http://jsfiddle/CdXP9/6/

$('#upload').css("visibility", "hidden");

$('#fakeUpload').click(function(e) {
    e.preventDefault();
    $('#upload').trigger('click');   
});

I cannot say for certain that it isn't possible, but js code to automatically upload a file is very much frowned on, and deliberately made difficult. So I think you are probably on a hiding to nothing with this.

Use the click function it will open the browse window- if that's what you want- see http://jsfiddle/CdXP9/5/