jQuery Girl
  1. jQuery Girl
  3. Délai après avoir cliqué sur le bouton de téléchargement de fichier?
Intereting Posts
2 versions de jquery Comment utiliser les méthodes jQuery sur des éléments accessibles par la notation entre crochets? jquery: supprime les options de sélection basées sur un tableau d’atsortingbuts et une autre sélection de zone de sélection Json ajax avec passage de paramètre Comment définir une image de curseur via jQuery? Parsley.js – Change le conteneur d’erreur Comment parsingr une page html distante en utilisant un script java pur Comment trouver l’élément indexOf dans un tableau jQuery? Erreur lors de l’enregistrement des données de Datatable dans la firebase database MySQL Comment extraire la valeur entre # et l’espace dans la valeur textarea Fenêtre contextuelle modale de connexion jQuery pour la page ASP.NET 2.o Obtenir le prochain href dans une liste dans un autre fichier avec jQuery? Problème de dataTable dans la taille et l’orientation des pages PDF Validation du formulaire JQuery avant la requête Ajax Groupe li en ul basé sur le tiret ‘-‘

Délai après avoir cliqué sur le bouton de téléchargement de fichier?

Lorsque je clique sur “Sélectionner le fichier à télécharger” (c.-à-d. Type d’entrée = fichier), il se produit un délai entre le moment où j’ai cliqué sur le bouton et celui où le fichier sélectionné a été affiché. Le navigateur essaye-t-il de charger le fichier dans le navigateur? Pourquoi y a-t-il un délai?

Suite à cela, comment puis-je afficher un message “veuillez patienter ..” immédiatement après la sélection du fichier. J’ai essayé diverses options JQ qui semblent toutes se déclencher après le délai initial (comme je l’ai dit, le navigateur essaie peut-être de charger le fichier, je ne sais pas). Je veux couvrir le délai avec le widget / message du chargeur.

S’il vous plaît aider.

L’approche consiste à utiliser le button à l’élément à déclencher, click sur input type="file" associé à la boîte de dialog Open File ; append le widget “Chargement” au document; .one() pour attacher un événement de focus à $(window) pour supprimer le widget “Chargement” lorsque la window focus après la sélection du fichier par l’utilisateur ou la fermeture de la boîte de dialog Open File . 

 $("button").click(function() { var spinner = $("", { "id": "spinner", "src": "data:image/gif;charset=binary;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==" }); $(this).after(spinner).nextAll("input:first").click(); $(window).one("focus", function() { $("#spinner").detach() }) });

J’ai combiné l’approche de guest271314 avec une autre méthode pour obtenir les résultats. Je peux dire que je n’aurais pas pu aller aussi loin avec son aide. on load on image tient le chargeur jusqu’à ce que l’image soit complètement chargée.

La méthode est 

 enter code here $('#preview').bind("DOMSubtreeModified",function(){ $('#preview').find('img') .on('load', function() { $.mobile.loading('hide'); }); });

Voici ce que j’ai à travailler: HTML:

Javascript / Jquery: 

 $(".fileUploadBtn").click(function() { //Your code here to show please wait $('input[type=file]').change(function(e){ // Your code here to hide please wait });