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

3 Answers 3

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/