標簽:remove 標簽 frame rgba color 操作 rem nload iframe
點擊下載文件,一般分爲兩種,1.接口處理,直接在服務器上下載文件,前端只需要掉一個接口就可以了。2.接口返回一個url,前端根據返回的url,自己處理下載操作。
下载文件可以借助a標簽的download属性
// 1.创建a標簽,触发点击事件 var a = document.createElement(‘a‘); a.href = url; a.download = "file"; document.body.appendChild(a) a.click(); document.body.removeChild(a); // 2.使用window.open方法 window.open(url) // 3.使用location.href方法 window.location.href = url
使用上面的方法之後,發現第一次點擊下載的時候,不是直接在本頁面直接下載,總是會刷新本頁面的url,或者新打開一個tab進行下載。(我想要的效果是第一次點擊的時候,也在本頁面進行下載)
鑒于上面方法不能實現我想要的功能,所以我又找到了另一個方法,使用iframe來實現我的功能。
var iframe = document.createElement(‘iframe‘); iframe.src = url iframe.style = "display:none"; document.body.appendChild(iframe); document.body.removeChild(iframe);
標簽:remove 標簽 frame rgba color 操作 rem nload iframe
原文地址:https://www.cnblogs.com/zsj-02-14/p/14966977.html