jQuery文件下载永远挂起
以下是我的HTML的一部分: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的。当我点击按钮时,弹出“我们正在准备您的报告,请稍候…”通知。但它永远都是这样,文件无法下载 为确保链接有效,我单击链接,文件将在浏览器
<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;
});
});