Как реализовать кнопку загрузки с помощью Ajax и JQuery

Question

Я пытаюсь экспортировать некоторые изображения в Zip-файл и загрузить его с помощью Ajax и JQuery.

Я всегда получаю сообщение об ошибке JavaScript «uncaught Domexception не удалось прочитать свойство responsetext из« xmlhttprequest »».

Примечание: приведенный ниже код является только попыткой pdf-файла

 <button type="button" class="btn btn-primary btn-sm" id="DownloadFile">@PageRes["resExportImages"]</button>


<script>
        $('#DownloadFile').on('click', function () {
            $.ajax({
                url: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/172905/test.pdf',
                method: 'GET',
                xhrFields: {
                    responseType: 'blob'
                },
                success: function (data) {
                    var images = document.createElement('images');
                    var url = window.URL.createObjectURL(data);
                    images.href = url;
                    images.download = 'myfile.pdf';
                    images.click();
                    window.URL.revokeObjectURL(url);
                }
            });
        });
    </script>