エクスポート時にgifを待機します

Question

私はユーザーに表示するいくつかの統計グラフを持つDjangoアプリケーションを持っています。 これらのグラフのエクスポートオプションもあります。 [エクスポート]ボタンをクリックすると、サーバー上でcsvを作成してクライアントに返すので、ファイルがすぐにダウンロードされます。 それはすべて素晴らしいですが、csvを作成するには時間がかかります。ファイルがダウンロードされるまで、いくつかの "Wait ..." 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を表示してください。応答のための

$("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(); }); 
});