jQuery的文件下載掛着永遠

這裏是我的HTML的一部分：jQuery的文件下載掛着永遠

<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

來源

2012-12-13 Mikayil Abdullayev

你'鏈接'文件得到403錯誤。那可能是你的問題。 – Fresheyeball

我編輯了代碼。之前的版本是在我自己的服務器上，這就是爲什麼你無法訪問它。但如果你看看jsfiddle，你會發現我是對的。 –

試試這個更新到您的演示： http://jsfiddle.net/revive/zvxyv/14/

我已經更新了你的代碼中加入點擊功能和通過的jsfiddle加載JS資產，裝上DOM已準備就緒

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

祝你好運

來源

2015-06-24 13:59:56 revive

jQuery的文件下載掛着永遠

回答

相關問題