Как скачать xls файл через jquery в правильной кодировке?

Question

[Alexeytur]

Добрый день.

На сервере в событии Page_Load генерируется файл:

HttpResponse response = HttpContext.Current.Response;
response.ContentType = "application/vnd.ms-excel";
response.AddHeader("Content-Disposition", string.Format("attachment;filename={0}", "Отчет_133_" + ReportDate.ToShortDateString() + ".xls"));
response.Clear();
response.BinaryWrite(ms.GetBuffer());
fs.Close();
ms.Close();
response.End();

Если переходить на эту страницу обычным переходом браузера, то файл скачивается нормально. Но если получать его через jQuery AJAX, то файл возвращается поломанный.
Код Jquery:

$.ajax({
                type: 'GET',
                url: 'Get133Report.aspx?date=' + date,
                beforeSend: function () {
                    ShowProgress();
                },
                complete: function () {
                    HideProgress();
                },
                //async: true,
                success: function (response) {
                    //console.log(response);
                    var blob = new Blob([response], { type: 'application/vnd.ms-excel' });
                    var downloadUrl = URL.createObjectURL(blob);
                    var a = document.createElement("a");
                    a.href = downloadUrl;
                    a.download = "Отчет_133_"+date+".xls";
                    document.body.appendChild(a);
                    a.click();
                }
            });

Пробовал менять ContentType на application/octet-stream, не помогает.

Answer 1

[Alexeytur]

Решил через использование XMLHttpRequest напрямую

var xhr = new XMLHttpRequest();
xhr.open('GET', 'Get133Report.aspx?date=' + date, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function (e) {
        var blob = new Blob([this.response], { type: 'application/vnd.ms-excel' });
        var downloadUrl = URL.createObjectURL(blob);
        var a = document.createElement("a");
        a.href = downloadUrl;
        a.download = "Отчет_133_" + date + ".xls";
        document.body.appendChild(a);
        a.click();
        HideProgress();
};
ShowProgress();
xhr.send();

Comments

[iamdeveloper]

Мне помогло. Спасибо!

[Lennt]

Плюсую! Спасибо!
Вопрос, как достать из респонза оригинальное имя файла ?

Answer 2

[Stalker_RED]

Зачем это шаманство? Сделайте location.replace(url_to_file)

https://codepen.io/stalker-red/pen/gdwPRY?editors=1010

Comments

[Alexeytur]

Дело в том, что генерация файла довольно долгая. Я запускаю анимацию в событии beforeSendвыключаю её в событии complete. Но если сделать location.replace(url_to_file), то как поймать момент окончания скачивания файла?

[Stalker_RED]

Alexeytur, не понимаю, зачем его ловить?

[Alexeytur]

Stalker_RED,
Чтобы выключить анимацию "Файл генерируется, подождите..."

[Stalker_RED]

Alexeytur, вот уже четверть века люди скачивают файлы через браузер и тот опа: кто-то изобрел крутилку с анимацией. Ну все, теперь заживем! Веб 3.0! :)

Курите маны по jquery или исходники, там где-то есть 'responseType' : 'blob' и 'dataType' : 'binary' но мне лениво искать.

А еще лучше потратить это время на то, чтобы ускорить генерацию вашей эксельки. И анимация будет не нужна.

[sinneren]

Stalker_RED, ну вот и покурите. в jquryajax нету свойства responseType, а dataType не принимает значение binary

[Stalker_RED]

sinneren, значит можно добавить самому
https://api.jquery.com/jQuery.ajax/#jQuery-ajax-se...