Как отдать файл на скачивание JS?

Question

[artyvr]

Есть кнопка при нажатии на которую генерится файл и отдается на скачивание, и всё бы хорошо, но для большей эстетики хотелось бы чтоб во время ожидания файла, кнопка была не активной...
Как я понял ajax-ом это сделать не возможно.
варианты типа:

$("#dnl").on('click', function () {
            var $btn = $(this).button('loading');
            location.href = '/download',
                            // или
            $("body").append('<iframe style="display:none;" src="/download"></iframe>'),
            $btn.button('reset');
        });

файл конечно отдают, но эффект как от обычной ссылки (т.е. кнопка остается активной)...

Подскажите как правильно реализовать?

Заранее благодарен!

Answer 1

[artyvr]

В общем, вот так работает:

window.onload = function () {
            var button = document.getElementById('dnl');
            document.body.onblur = function () {
                button.disabled = false
            };
            button.onclick = function () {
                this.disabled = true;
                document.location = '/download';
            };
        };

Answer 2

[Андрей]

disabled

Comments

[artyvr]

я так понял вы имеете введу добавление атрибута к кнопке, что-то типа $('#btn').attr('disabled', true), но кнопка остается активной, возможно я как-то не так отдаю файл...

[timokins]

artyvr: вместо attr используйте prop:
$('#btn').prop('disabled', true);