Ajax加载器上的文件上传动作

Question

我想为执行文件上传的操作配置某种ajax加载器。一旦文件非常大（超过2000行的Excel），它需要一些时间来处理并且对用户来说非常不愉快，等待除浏览器显示的其他反馈之外没有。

对我而言，理想的解决方案是阻止弹出窗口，显示消息“处理文件...”（或类似内容），以防止用户在此期间上传其他文件。

Answer 1

嗯......我在Symfony应用程序上有这样的东西，虽然这与Symfony没有关系：

模板：

<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;}

因此，基本上点击上传按钮会在其旁边的空div中添加一个类，其中有一个动画gif作为背景图像。在这种情况下，它是典型的加载图标。

这应该足以让你创建一个弹出窗口或根据你的需要进行调整。