jquery change method to trigger hidden file input

Question

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 completely sure how to achieve this, if anyone could give me some advice that would be great.

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

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

Kyle

hunter · Accepted Answer · 2011-07-05 14:16:40Z

10

http://jsfiddle.net/CdXP9/6/

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

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

answered Jul 5, 2011 at 14:16

hunter

63.7k19 gold badges115 silver badges115 bronze badges

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

1 Comment

hunter Over a year ago

Note that this isn't that simple for IE6/7/8 and FF because of security concerns. There are developers and shops that have spent a ton of time figuring this out and you might be better off trying a jQuery plugin or a component: krystalware.com/slickupload

Schroedingers Cat · Accepted Answer · 2011-07-05 14:13:55Z

1

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.

answered Jul 5, 2011 at 14:13

Schroedingers Cat

3,1392 gold badges19 silver badges34 bronze badges

1 Comment

hunter Over a year ago

OP isn't trying to auto upload, just trying to trigger the "Select File" dialog from the anchor tag.

Erric · Accepted Answer · 2011-07-05 14:16:52Z

0

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

answered Jul 5, 2011 at 14:16

Erric

8171 gold badge10 silver badges32 bronze badges

Collectives™ on Stack Overflow

jquery change method to trigger hidden file input

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related