等待导出 gif

Question

我有一个 Django 应用程序，其中包含一些向用户显示的统计图表。 我还有这些图表的导出选项。 当我单击导出按钮时，我在服务器上创建 csv 并将其返回给客户端，因此文件立即开始下载。 这一切都很好，但创建 csv 需要时间，我想显示一些“等待...” gif，直到文件开始下载。最好的方法是什么？ （我不想创建临时文件链接并在获得 ajax 响应后转到该链接。） 我的 Django 视图返回：

response = HttpResponse(open("statistics.tar.gz").read(), content_type='application/tar.gz')
response['Content-Disposition'] = 'attachment; filename=statistics_%s.tar.gz' % str(get_customer_date(request.customer, datetime.utcnow())).split(" ")[0]
response['Content-Length'] = os.path.getsize("statistics.tar.gz")
response.set_cookie("export_download", value='download')
return response

Answer 1

我会创建一个不可见的 iframe 作为链接的目标。然后单击该链接，显示 gif。当 iframe 停止加载时隐藏它:)

类似的东西（从未测试过，但理论上应该可行）：

$("a#download-link").click(function(){
  $("#loading-div").show();
  $("body).append('<iframe id="myIframeId" ...>');
  $('iframe#myIframeId').attr('src', url);
  $('iframe#myIframeId').load(function() { $("#loading-div").hide(); });
});