#前端小tips# 無需跳轉(zhuǎn)新頁面,動態(tài)生成a標(biāo)簽實(shí)現(xiàn)下載功能

  • 我遇到的需求是下載頁面上的table到本地,成Ecel格式.原本使用的控件有這個功能,但因?yàn)橐谙螺d的同時修改Excel的sheet名和部分樣式,所以就讓后端做了.

  • 后端把表格做好,提供一個url給我們前端,接下來我們只要做好觸發(fā)下載就行了.其實(shí)只要幾行代碼就可以:

動態(tài)生成a標(biāo)簽-->賦值href和download(最重要的就是這個href,一定要賦后端給的url)-->點(diǎn)擊觸發(fā)-->return false(這一步一定要記得,要不然就跳到新頁面了)

        var a = document.createElement('a');

        a.href = downLoadUrl;

        a.download = downLoadUrl;

        a.click();

        return false;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容