2016-12-01 2 views
0

Je fais le téléchargement de plusieurs fichiers dans BootStrap, il a réussi à télécharger le fichier individuel, mais après le téléchargement du fichier total, la page n'est pas actualisée.Recharger la page lorsque le téléchargement AJAX se termine

Et je joins ci-dessous le code que j'ai utilisé dans le projet

$('.file-input').fileinput({ 
     uploadUrl: "http://localhost:61586/Sys/FormFile.ashx?fid=Sample", // server upload action 
     browseLabel: 'Browse', 
     browseIcon: '<i class="icon-file-plus"></i>', 
     uploadIcon: '<i class="icon-file-upload2"></i>', 
     removeIcon: '<i class="icon-cross3"></i>', 
     layoutTemplates: { 
      icon: '<i class="icon-file-check"></i>' 
     }, 
     initialCaption: "No file selected" 
    }); 

1.I besoin de tout transfert de fichiers vers le serveur et tous les processus terminé signifie pas que le temps que je peux rafraîchir la page

+0

Vous ne ed à accrocher à un événement que le plugin déclenche après avoir téléchargé les fichiers et utiliser 'window.location.reload()'. Consultez les documents pour trouver l'événement le plus applicable. Je suggérerais ['fileuploaded'] (http://plugins.krajee.com/file-input#event-fileuploaded) –

+0

De quel genre d'actualisation vous avez besoin - seulement votre contrôle de résumé de données de téléchargement ou la pleine page? Si pleine page - s'il vous plaît voir la réponse ci-dessous. – VadimB

Répondre

0

Juste mettre window.location.reload(); à la fin de votre fonction en JavaScript

+0

Je suppose que le téléchargement est asynchrone, donc cela ne va pas fonctionner malheureusement –

0

Essayez d'utiliser

$(document).ajaxComplete(function() { 
 
    window.location.reload(); 
 
});

ou

window.location.reload(); 
0

Vous pouvez utiliser ci-dessous, après le fichier téléchargé, il est congédié

$('.file-input').on('fileuploaded', function(event, data, previewId, index) { 
     window.location.reload(); 
}); 

est ici Lien pour votre référence, il peut vous aider à faire

http://plugins.krajee.com/file-input#events