jQuery trigger('click') Not Working in Chrome

Question

I previously had the following

$('#refresh').click(function () {
        $('#fileUpload').trigger('click');
});

However I've changed it so it should fire on a query parameter

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

$(function () {
    var param = getParameterByName('upload');
    if (param == "yes") {
        $('#fileUpload').trigger('click');
    };
});

It works in FireFox and IE but not Chrome. Any idea why?

if the `#fileUpload` element is an `input type="file"`, then you will encounter security issues faking events on it in Chrome. — Rory McCrossan, Jun 11 '14 at 08:08
@RoryMcCrossan is there anyway around this? It works fine in the first instance — pee2pee, Jun 11 '14 at 08:09
If you want to submit a form you could use $( "#formname" ).submit(); , else you could run the function you want to run on $('#fileUpload').trigger('click'); by calling it directly with functionName(); — Sven van den Boogaart, Apr 02 '15 at 23:29

score 1 · Answer 1 · answered Apr 05 '15 at 19:57

You can't trigger the action of a file upload input using JavaScript due to security limitations in some browsers.

So showing the file selection modal is not possible to prompt based on url.

An alternative would be to show your own light box / modal which contains only a strong call to action to upload followed by an input field or a button which masks an input field. Make it the primary and sole function of the page so as to make it as simple understand and to complete as possible.

jQuery trigger('click') Not Working in Chrome

1 Answers1