设置a标签下载文件的文件名

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

Laugh-toy

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

阅读量3.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/BeginToTiger/article/details/125408029

js 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript实现自定义下载文件名的功能，通过创建XMLHttpRequest对象，设置响应类型为blob，获取文件内容后利用a标签模拟点击下载，确保文件能够正确以指定名称保存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置a标签下载文件的文件名

//自定义download方法为了自定义下载文件名
            function download(url,fileName) {
                var xhr = new XMLHttpRequest();
                xhr.open('GET', url, true);
                xhr.responseType = 'blob';
                xhr.onload = function() {
                    if (this.status === 200) {
                        var blob = new Blob([this.response]);
                        var blobUrl = window.URL.createObjectURL(blob);
                        var a = document.createElement('a');
                        a.href = blobUrl;
                        a.download = fileName;
                        a.click();
                        window.URL.revokeObjectURL(blobUrl);
                    }
                };
                xhr.send();
            }