Existe-t-il un moyen de lier un événement lorsqu'un utilisateur sélectionne un fichier à télécharger et clique sur "Ouvrir"? Je souhaite déclencher l'événement lorsque l'utilisateur a cliqué sur Ouvrir.Liaison d'événement lors du transfert de fichier
Répondre
Dans ce scénario, l'événement change
sera tiré.
Si vous avez ce HTML:
<input type="file" id="fileInput" />
Ensuite, utilisez ce JS:
window.onload = function() {
document.getElementById("fileInput").onchange = function() {
// this.value
};
};
(avec la possibilité d'utiliser addEventListener
/attachEvent
au lieu de définir la propriété onclick
)
intérieur le gestionnaire, vous pouvez utiliser this.value
pour obtenir le fichier sélectionné.
Bien sûr, avec jQuery, vous pouvez utiliser:
$(document).ready(function() {
$("#fileInput").on("change", function() {
// this.value OR $(this).val()
});
});
REMARQUE: Les gestionnaires window.onload
et $(document).ready
sont utilisés pour assurer que l'élément est disponible. Bien sûr, cet événement peut se produire beaucoup plus tard que nécessaire, car ils attendent que tous les éléments de la page soient prêts (et window.onload
attend encore plus longtemps pour que des éléments tels que des images soient chargés). Une option consiste à lier le gestionnaire onchange
immédiatement après l'élément sur la page ou à la fin du <body>
.
Le wrapper 'onload' de' window' est plutôt inutile si le script est placé à la fin de la page/après l'élément d'entrée. '=]' –
@ FabrícioMatté C'est vrai, mais je n'aime pas faire ça et c'est fondamentalement la même chose que d'être à la fin du corps (un peu différent pour 'window.onload', mais quand même). Et je ne trouve pas exactement cela important lié à cette question. Néanmoins, je vais ajouter un peu d'information à ce sujet dans la réponse. Merci :) – Ian
- 1. Comment vérifier la taille du fichier lors du transfert?
- 2. Taille d'image maximale lors du transfert de fichier
- 3. Réception d'une exception UnauthorizedAccessException lors du transfert de fichier
- 4. Fichier vide lors du transfert de fichiers en utilisant nc
- 5. UnauthorizedAccessException lors du transfert de fichiers
- 6. Erreur lors du transfert de données
- 7. Erreur lors de la tentative de transfert de variables lors de l'appel du fichier MSI
- 8. Transfert de fichier C++
- 9. Attention lors du transfert SCP en PHP
- 10. Echec du transfert du fichier socket
- 11. Transfert de fichier Python
- 12. Problème lors du transfert de fichier du serveur vers le client à l'aide de sockets C
- 13. Aucune réponse du client distant: erreur lors du transfert de fichier à l'aide de asmack
- 14. Les données POST disparaissent lors du transfert de fichiers volumineux
- 15. transfert de fichier pdf
- 16. Erreur de syntaxe MySQL lors du transfert d'image
- 17. Ctrl-M lors du transfert de fichiers SFTP
- 18. Problème lors du transfert de la variable JavaScript vers Silverlight
- 19. transfert de fichier en flex
- 20. WCF: délai d'expiration du service tcp lors du transfert d'un fichier
- 21. Flex: Obtenir le résultat de retour lors du transfert de fichier
- 22. Transfert fichier us NuSOAP
- 23. (400) Bad Request lors du transfert de fichiers volumineux
- 24. ClassCastException lors du transfert de données au module EJB
- 25. URL Servlet/JSP lors du transfert de demandes
- 26. Problèmes lors du transfert de données entre différentes architectures d'ordinateurs
- 27. Problème lors du transfert vers appstore: mauvaise taille de l'icône
- 28. Transfert de fichier par socket
- 29. Suppression d'anciens enregistrements lors du transfert groupé SQL
- 30. PHP Array pour déclencher un message d'erreur lors du transfert de fichier
L'événement de modification du champ doit se déclencher à cette occasion –
peut être dupliqué. Cochez cette case http://stackoverflow.com/questions/4096335/jquery-start-a-function-after-open-button-from-input-file-is-press – RicardoGonzales