2016-12-01 4 views
0

Я делаю несколько загрузок файлов в BootStrap, он успешно загрузил отдельный файл, но после того, как общий файл загрузится, страница не обновляется.Обновить страницу, когда загрузка AJAX завершена

И ниже я прилагаю код, который я уже был использован в проекте

$('.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 нужно все файл загрузки на сервер и весь процесс завершен означает, что время я могу обновить страницу

+0

Вы не ed, чтобы подключиться к событию, которое плагин поднимает после загрузки файлов и использует 'window.location.reload()'. Проверьте документы, чтобы найти наиболее подходящее событие. Я бы посоветовал ['fileuploaded'] (http://plugins.krajee.com/file-input#event-fileuploaded) –

+0

Какое обновление вам нужно - только ваш сводный контроль данных или полная страница? Если полная страница - см. Ответ ниже. – VadimB

ответ

0

Просто поставил window.location.reload(); в конце вашей функции в JavaScript

+0

Я бы предположил, что загрузка асинхронна, так что это не сработает, к сожалению –

0

Попробуйте использовать

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

или

window.location.reload(); 
0

Вы можете использовать ниже, после того, как файл загружен он увольняет

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

Вот ссылка для справки, это может помочь вам сделать

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