jQuery 文件下载永远挂起答案

【问题标题】：jQuery file download hangs foreverjQuery 文件下载永远挂起
【发布时间】：2015-06-24 21:59:56
【问题描述】：

这是我的 HTML 的一部分：

<input type="button" onclick="downloadFile()" value="Download">
<a href="http://i.imgur.com/CqIpg.jpg" id="fileLink">Link to file</a>

这是下载文件的代码：

function downloadFile(){
 $.fileDownload($('#fileLink').attr('href'), {
   preparingMessageHtml: "We are preparing your report, please wait...",
   failMessageHtml: "There was a problem generating your report, please try again."
 });
 return false;
}

我正在为 jQuery 使用 fileDownload plugin。当我单击按钮时，“我们正在准备您的报告，请稍候...”通知弹出。但它会永远保持这种状态，并且文件不会下载。

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

这是JSFiddle of it

【问题讨论】：

您的文件“链接”出现 403 错误。那可能是你的问题。
我已经编辑了代码。前一个在我自己的服务器中，这就是为什么您无法访问它的原因。但是，如果您查看 jsfiddle，您会发现我是对的。

标签： jquery download

【解决方案1】：

尝试对您的演示进行此更新： http://jsfiddle.net/revive/zvxyv/14/

我已更新您的代码以包含点击功能并通过 jsfiddle 加载 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，或者？

祝你好运

【讨论】：