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

原创于 2022-06-22 14:02:51 发布 · 3.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

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();
            }