admin管理员组

文章数量:1026989

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)

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)

本文标签： 浏览器功能文件

版权声明：本文标题：触发浏览器下载文件功能 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1728365526a852375.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。