码迷,mamicode.com
首页 > Web开发 > 详细

js下载文件

时间:2021-07-05 18:46:47      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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);

 

js下载文件

标签:remove   标签   frame   rgba   color   操作   rem   nload   iframe   

原文地址:https://www.cnblogs.com/zsj-02-14/p/14966977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!