触发浏览器下载文件功能

1. 用 a 标签

降龙第一式:《万物归一》
<a href="http://xxxxx">点击下载</a>
但是有时url不一定带有下载属性,浏览器会默认将其在线打开
<a href="http://xxxxx" download="文件名.txt">点击下载</a>
download 属性可以定义文件名,或带文件格式
降龙第二式:《无中生有》
		const fileUrl = 'http://xxxxxx'
        const fileName = `我下载的文件名称`;
        const a = document.createElement('a');
        a.href = fileUrl;
        a.download = fileName;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);

思路:创建 a 标签,添下载属性,追加到 DOM 里面,js 触发点击事件后,去掉 a 元素;

2. window.open(url)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值