等待出口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(); }); 
});