js下載檔案 監聽下載完成事件
阿新 • • 發佈:2022-05-24
//下載時載入的操作 load = function() { down_windows = layer.msg("資料正在下載中", { icon: 16, shade: 0.3, time: -1 }); } //下載完成後觸發,用來關閉提示框 disload = function() { layer.close(down_windows) } // 下載使用的方法 getDownload = function(url) { var xhr = new XMLHttpRequest(); if(typeof(xhr) !="undefined") { // 現在使用的方法 可在下載完成的時候關閉load彈窗 load(); xhr.open('GET', url, true); // 也可用POST方式 xhr.responseType = "blob"; xhr.onload = function () { if (this.status === 200) { var blob = this.response; if (navigator.msSaveBlob == null) { var a = document.createElement('a'); var headerName = xhr.getResponseHeader("Content-disposition"); a.download = decodeURIComponent(headerName).substring(20); a.href = URL.createObjectURL(blob); $("body").append(a); // 修復firefox中無法觸發click a.click(); URL.revokeObjectURL(a.href); $(a).remove(); } else { navigator.msSaveBlob(blob, decodeURIComponent(headerName).substring(20)); } } disload(); }; xhr.send(); } else { window.location.href = url; } };
<script src="xxx/layui/layui.js"></script>
<script src="xxx/jquery.min.js"></script>