Question

这是我的HTML的一部分：

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

这是downloadFile代码：

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;
}

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

为确保链接有效，我点击链接，然后在浏览器中打开文件。有没有我忘记注意的一点？

这是JSFiddle of it

Answer 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，或者？

祝你好运

jQuery文件下载永远挂起

1 个答案: