Ajax chargeur sur l'action de téléchargement de fichier

Question

Je voudrais configurer un certain type de chargeur ajax à une action qui exécute un téléchargement de fichier. Une fois que le fichier est assez volumineux (Excel avec plus de 2000 lignes), il faut parfois le traiter et c'est assez désagréable pour l'utilisateur, attendez avec aucun autre commentaire que celui affiché par le navigateur. Pour moi, la solution idéale serait une fenêtre de blocage, affichant un message "Traitement du fichier ..." (ou quelque chose comme ça), pour empêcher les utilisateurs de télécharger un autre fichier entre-temps.

Answer 1

Eh bien ... J'ai quelque chose comme ça en place sur une application Symfony bien que cela ne concerne pas vraiment Symfony:

CALIBRE:

<input type="submit" class="jq-upload" value="Upload" /> // submit button 
<div class="jq-loader"></div> // empty div for a loader image 

JS:

$(document).ready(function() 
{ 
    $(".jq-upload").click(function() { 
    $(".jq-loader").addClass("jq-load-icon"); 
    }); 
}); 

CSS:

.jq-load-icon {width: 16px; height: 16px; background: url('../images/loader.gif') no-repeat;} 

Donc, en gros le clic sur le bouton de téléchargement ajoute une classe à vide div à côté, qui a une image GIF animée comme une image d'arrière-plan. Dans ce cas, c'est une icône de chargement typique.

Cela devrait vous donner assez pour créer un popup ou l'ajuster à vos besoins.