關於前端導出文件到本地時的彈窗的問題的記錄

問題描述:

       最近遇到了要將網頁表格數據導出成文件保存到本地的問題,通過接口從後臺獲取了文件地址,卻發現下載時需要再進行處理,於是便去查閱了一些資料,對比之後選了一種比較合適的方式。

問題解決:

       可以將以下代碼寫到對應的JS函數中,即可實現文件的下載。

//已知下載地址,彈出下載文件保存時的界面
try {
    var downFile = document.createElement("iframe");
	downFile.src = URL地址;
	downFile.style.display = "none";
	document.body.appendChild(downFile);
} catch (e) {
	alert("下載異常!");
}

    筆者發現該方法使用不同瀏覽器打開效果不一樣,下面將幾種常見瀏覽器的效果圖貼出來:

Google

火狐

IE

360

     時間問題,暫時就寫這麼多,後續有必要會再完善……

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章