jQuery在处理大文件时跳动

Question

在我的web应用程序中，用户可以生成一个CVS文件，有时可能会得到非常大的10+ Mb。报告显然可能需要一些时间才能生成。我想在生成报告时为用户显示一个跳跃者，一旦他们被提示保存/运行，我希望跳跃者隐藏。这可能吗？

Answer 1

不，这不是真的有可能当文件到达，用户保存它来检测。你几乎停滞不前，只是更新你的throbber并提供一个继续的链接，当他们准备好继续。

如果这是可能的，那么当您完成文件的着陆页时，下载站点将使用它来自动将您转到下载列表。

Answer 2

是的，通常在JavaScript中繁重的操作被拆分成块，然后从setInterval调用。超时会阻止页面冻结。

var csvTxt = ""; 
var isDone = false; 
addPart = function(){ 
    csvTxt += addTextFromLongCalculation(); 
    if(csvTxt > 10000000) isDone = true; // this is an arbitrary example 
} 

var handle = setInterval(function(){ 
    addPart(); 
    if(isDone){ 
     clearInterval(handle); 
    } 
}, 20); 

Answer 3

我猜你发布了一些数据，在服务器上生成CSV，设置内容类型并等待浏览器的保存对话框出现。正确？

在这种情况下，我想你会感到失望。我花了很长一段时间试图找到能够解决这个问题的事件，但我无法弄清楚。我终于必须做一些令人费解的事情，比如使用XHR来轮询文件创建的状态。一旦我得到了我想要的回应，我就隐藏了心跳，并请求了CSV。

更清晰：

• 显示活动指示器
• 使用XHR告诉服务器来启动CSV代
• 使用XHR轮询CSV创建
• 一旦文件创建的状态已完成：
  • 向指向新创建的CSV的文档中添加一个不可见的iframe，并让服务器将content-disposition标头添加到该文档。
  • 在短暂延迟后隐藏跳动（可以尝试对其进行计时，以便在显示文件保存窗口后，但用户正在与窗口进行交互时隐藏跳动者）。你也可以检测窗口模糊事件来隐藏跳动者，但我很确定这不会很可靠。