AJAX 上传完成时重新加载页面答案

【问题标题】：Reload page when AJAX upload completesAJAX 上传完成时重新加载页面
【发布时间】：2016-12-01 08:48:48
【问题描述】：

我在 BootStrap 中进行多个文件上传，它成功上传了单个文件，但是在总文件上传后页面没有刷新。

下面我附上了我在项目中使用的代码

$('.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.我需要将所有文件上传到服务器并且所有过程完成意味着我可以刷新页面

【问题讨论】：

您需要挂钩到插件在上传文件后引发的事件并使用window.location.reload()。检查文档以找到最适用的事件。我建议fileuploaded
您需要什么样的刷新——只有您的上传数据摘要控件或整页？如果是整页 - 请参阅下面的答案。

标签： javascript c# jquery asp.net bootstrapping

【解决方案1】：

您可以在下面使用，文件上传后会被触发

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

这里是链接供你参考，它可以帮助你做

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

【讨论】：

【解决方案2】：

只需将 window.location.reload(); 放在 JavaScript 函数的末尾

【讨论】：

我认为上传是异步的，所以不幸的是这不起作用

【解决方案3】：

尝试使用

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

或

window.location.reload();

【讨论】：