jquery trigger('click') is not working in safari with angular js

Question

Jquery trigger('click') is not working on Safari and IE, but working on Mozilla , chrome,

I Am using AngularJS and here is my code snippet

$scope.browseFile = function () {        
    $('.upfile').trigger('click');
    console.log('click','fired browseFile');      

}

And here is HTML code

 <a class="btn-attach pull-left" data-ng-click="browseFile()">Attach <i class="glyphicon glyphicon-paperclip"></i></a><input type="file" name="file" class="upfile" id="upfile" onchange="angular.element(this).scope().uploadFile(this.files)" style="display: none;"/>

I see no upfile class there.

Spokey
– Spokey

2015-01-29 14:44:58 +00:00
Commented Jan 29, 2015 at 14:44 — Spokey
– Spokey, Commented Jan 29, 2015 at 14:44
@Spokey check please i updated source code

user2659308
– user2659308

2015-02-02 09:33:42 +00:00
Commented Feb 2, 2015 at 9:33 — user2659308
– user2659308, Commented Feb 2, 2015 at 9:33

Dee J · Accepted Answer · 2015-01-29 15:31:50Z

0

try the below code :

$('.upfile')[0].trigger('click');

answered Jan 29, 2015 at 15:31

Dee J

843 bronze badges

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

Comments

user2659308 · Accepted Answer · 2015-02-02 09:32:18Z

0

its a css trick, and it not possible to fire event on hidden element on safari , so i did some changes and here is that- basically on style - style="font-size:1px;opacity:0; height:1px; width:1px;visibility: hidden;" and its work for me every browser

<input type="file" name="file" class="upfile" id="upfile" onchange="angular.element(this).scope().uploadFile(this.files)" style="font-size:1px;opacity:0; height:1px; width:1px;visibility: hidden;">

answered Feb 2, 2015 at 9:32

user2659308

297 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:51:57Z

0

Originally from https://stackoverflow.com/a/21073094/2149740

$(event.target).trigger('input').trigger('change').trigger('keydown');

But should work for IE atleast

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Oct 29, 2015 at 8:35

Rameez Ahmed Sayad

1,3006 gold badges16 silver badges30 bronze badges

Collectives™ on Stack Overflow

jquery trigger('click') is not working in safari with angular js

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related