jQuery文件下载永远挂起

jQuery文件下载永远挂起,jquery,download,Jquery,Download,以下是我的HTML的一部分: <input type="button" onclick="downloadFile()" value="Download"> <a href="http://i.imgur.com/CqIpg.jpg" id="fileLink">Link to file</a> 我正在使用用于jQuery的。当我点击按钮时,弹出“我们正在准备您的报告,请稍候…”通知。但它永远都是这样,文件无法下载 为确保链接有效,我单击链接,文件将在浏览器

以下是我的HTML的一部分:

<input type="button" onclick="downloadFile()" value="Download">
<a href="http://i.imgur.com/CqIpg.jpg" id="fileLink">Link to file</a>
我正在使用用于jQuery的。当我点击按钮时,弹出“我们正在准备您的报告,请稍候…”通知。但它永远都是这样,文件无法下载

为确保链接有效,我单击链接,文件将在浏览器中打开。有什么我忘了注意的吗


以下是

尝试对您的演示进行此更新:

我已经更新了您的代码,使其包含一个click函数,并通过JSFIDLE加载JS资产,并将其加载到Dom Ready上

$(function() {
    $(document).on("click", ".button", function() {
        var href = $(this).next('a').prop('href');
        // alert to verify/check href value
        //alert(href);
        $.fileDownload(href, {
            preparingMessageHtml: "We are preparing your report, please wait...",
            failMessageHtml: "There was a problem generating your report, please try again."
        });
        return false;
    });
});
现在可以用了。。显然,您使用的img URL阻止了跨域cookie,或者


祝您好运

您的文件“链接”出现403错误。这可能是你的问题。我已经编辑了代码。前一个是在我自己的服务器上,所以你没有办法访问它。但是如果你看看JSFIDLE,你会发现我是对的。
$(function() {
    $(document).on("click", ".button", function() {
        var href = $(this).next('a').prop('href');
        // alert to verify/check href value
        //alert(href);
        $.fileDownload(href, {
            preparingMessageHtml: "We are preparing your report, please wait...",
            failMessageHtml: "There was a problem generating your report, please try again."
        });
        return false;
    });
});