click event triggering on input type="file" is not working

Question

/note: this only applies when used on the specified domain, but works practically/

I've been trying to simulate a mouse click event, it works for anything else but not for this..

I tested it, it is working now somehow.. but whenever I try to run on this website: http://www.multiplayerpiano.com/ it seems not to work...

<input type="file" id="_LOAD" accept="mp3" />

$('#_LOAD').click();

this doesn't work..

I've also tried

$('#_LOAD')[0].click();

no luck..

can anyone please explain what is it that is blocking it on That specific domain?

// edit - original code

I was trying to make a function which will allow me to make file dialog box's which only allows a specific mime type to be allowed

var load = function(mime,callback){

    var tempmime = (mime) ? mime : "";

    var tempinp = $('<input style="position:absolute;opacity:0;z-index:-1;pointer-events:none" type="file" id="_LOAD" ' + (tempmime == "" ? "" : 'accept=".' + tempmime + '"') + '/>')

    $("body").append(tempinp);
    $(tempinp).focus().click();
// 
    var aab = function(msg){
    callback(msg);
         $(tempinp).off('change',aab);
        $(tempinp).remove();
    };
    $(tempinp).on('change',aab);
}

So this is as far i have got without .click working.

jsfiddle.net/arunpjohny/nxzsqdho/1 - I think the browser is blocking the default behavior if the click is triggered from a non user initated method — Arun P Johny
– Arun P Johny, Commented Sep 22, 2015 at 13:52

Vikas Kad · Accepted Answer · 2015-09-22 14:25:32Z

2

can you try

  $("#_LOAD").trigger('click');

answered Sep 22, 2015 at 14:25

Vikas Kad

1,0212 gold badges19 silver badges43 bronze badges

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

1 Comment

Vikas Kad Over a year ago

can you try with variable name like $(tempinp).trigger('click');

mayo · Accepted Answer · 2015-09-22 15:12:36Z

1

try this:

document.getElementById("_LOAD").click();

Also you can check if you are selecting elements with

console.log("Element exists : " + (document.getElementById("_LOAD") != null ) );

edited Sep 22, 2015 at 15:12

answered Sep 22, 2015 at 13:59

mayo

4,1641 gold badge37 silver badges46 bronze badges

1 Comment

Kaiido Over a year ago

document.getElementById() returns a unique element. Also, the <input> element as no length property.

Collectives™ on Stack Overflow

click event triggering on input type="file" is not working

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related