Javascript Girl
  1. Javascript Girl
  3. Déclenchez l'événement de clic de fichier d'entrée dans AngularJS
Intereting Posts
Point d'interrogation échappant dans regex javascript Comment créer une directive angulaire dans la section <head> d'un document? Comment créer une carte source pour WebPack? JavaScript ne fonctionne-t-il pas dans Android Webview? Promesse récursive en javascript Aller à travers les résultats de recherche dans UIWebView avec Javascript Qu'est-ce qui rend le JavaScript le plus rapide pour imprimer 1 à 1 000 000 (séparés par des espaces) dans un navigateur Web? Comment garder la lecture audio pendant la navigation dans les pages? Comment obtenir les éléments min dans un tableau en javascript? Pourquoi l'ajout de deux décimales dans Javascript produit-il un mauvais résultat? Découvrez si la console Chrome est ouverte Comment puis-je actualiser une page Web sans que le navigateur demande si je souhaite renvoyer à nouveau Ne peut pas charger <img> à <div> Capture la position de la souris sur setInterval () en Javascript Les meilleures pratiques de sécurité JSON?

Déclenchez l'événement de clic de fichier d'entrée dans AngularJS

J'essaie d'imiter un événement de clic sur une entrée de fichier dans AngularJS. J'ai vu des exemples de travail jQuery , mais je ne veux pas utiliser jQuery. 

'use strict'; angular.module('MyApp', []). controller('MyCtrl', function($scope) { $scope.click = function() { setTimeout(function() { var element = angular.element(document.getElementById('input')); element.triggerHandler('click'); $scope.clicked = true; }, 0); }; }); 
 <script src="https://code.angularjs.org/1.3.14/angular.js"></script> <div ng-app="MyApp" ng-controller="MyCtrl"> <input id="input" type="file"/> <button ng-click="click()">Click me!</button> <div ng-if="clicked">Clicked</div> </div>

Note: pour une raison quelconque, le bouton doit être pressé deux fois pour déclencher la fonction timeout.

J'utilise setTimeout raison de cette publication .

Comment puis-je programmer une entrée de fichier avec un simple JavaScript de AngularJS / vanilla?

Vous pouvez simplement utiliser 

  <button type="button" onclick="document.getElementById('input').click()">Click me!</button>

OU 

 $scope.click = function() { setTimeout(function() { document.getElementById('input').click() $scope.clicked = true; }, 0); };