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

1、看圖片
圖片描述
2、使用場景後端

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

3、實現思路,知識點。app

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

4、上代碼。spa

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