【js】a链接直接打开文件改成下载文件

最新推荐文章于 2025-09-28 18:03:45 发布

原创最新推荐文章于 2025-09-28 18:03:45 发布 · 398 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文详细介绍了如何利用JavaScript的fetchAPI从原始URL获取XML文件，将其转换为Blob对象，然后通过创建隐藏链接和模拟点击实现文件的下载，指定文件名为下载的文件名字.xml。

使用JavaScript和fetch API来从原始URL获取XML文件，并将其保存为Blob对象。然后，你可以创建一个隐藏的<a>标签，将其href属性设置为Blob对象的URL，并使用download属性指定下载的文件名。最后，你可以模拟点击这个链接来触发文件下载。

具体实现的代码如下：

function download(href){
           fetch(href)
                .then(response => response.text())
                .then(data => {
                    var blob = new Blob([data], {type: "application/xml"});
                    var url = window.URL.createObjectURL(blob);
                    var link = document.createElement('a');
                    link.href = url;
                    link.download = '下载的文件名字.xml';
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                })
                .catch(error => console.error('Error:', error));
 }