如何使用Ajax和JQuery实现下载按钮

Question

我正在尝试将一些图像导出到Zip文件中，并使用Ajax和JQuery下载它。

我总是收到一个JavaScript错误“未捕获domexcept未能从'xmlhttprequest'中读取'responsetext'属性”。

注意：下面的代码仅是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>