通过javascript触发输入[type = file]

Question

I'm trying to trigger the click event of an <input type="file" /> via javascript (onclick the file selection dialogue should open). So far I've tried:

$('#uploadFile').trigger('click')
.trigger('submit')
.submit()
.post(); // Stacked for brevity

No dice.

Is there something special about this input that prevents these approaches from working?

Here's a Fiddle .

Answer 1

some of the default actions of events are prevented by the browser if the event is triggered by a script and is not done in a user initialized thread for security reasons.

See it working if it is triggered from a another click handler(User has to click the button)

$('button').click(function(){
    $('#uploadFile').trigger('click')
})

Demo: Fiddle