wait gif on export

Question

У меня есть приложение Django с некоторыми графиками статистики, которые я показываю пользователю. У меня есть опция экспорта для этих графиков. Когда я нажимаю кнопку экспорта, я создаю csv на сервере и возвращаю его клиенту, поэтому файл начинает загружаться немедленно. Все это работает отлично, но создание csv требует времени, и я хотел бы показать некоторые «Подождите ...» gif, пока файл не начнет загружаться. Каков наилучший способ сделать это? (я не хочу, чтобы создать временную ссылку на файл и перейти на эту ссылку после получения ответа Ajax.) My Джанго вида возвращается:

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, чтобы быть объектом ссылки. И onClick по этой ссылке, покажите 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(); }); 
});