前端iframe實現導出文件(Excel)


一、看圖片
圖片描述
二、使用場景

在類似用到表格顯示數據的地方常常會用到導出的功能。如圖,導出Excel。

三、實現思路,知識點。

實現方式比較多,這里介紹一種比較簡單也是比較常用的方式,通過iframe來導出excel。
后端會提供下載的地址,我們知道把地址添加到iframe的src里邊,然后把iframe添加到body里邊就實現了。

四、上代碼。

$(document).on('click', '.excelDownload', function(event) {//觸發點擊事件
    var iframeExcel = "<iframe src='http://************' width='800px' height='500px'></iframe>"//添加下載的地址到iframe,這里是公司信息,我用**表示了。
    $("body").append(iframeExcel)//iframe添加到body中
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM