js 使用url 下载文件

最新推荐文章于 2024-11-11 14:34:51 发布

原创最新推荐文章于 2024-11-11 14:34:51 发布 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一个JavaScript函数，它使用XMLHttpRequest对象通过GET请求下载文件，重点讲解了URL参数设置、CSRF令牌应用以及响应数据的Blob转换和下载链接创建的过程。

   function downloadFile (url,param,name) {
            var url = url;
            var xhr = new XMLHttpRequest();
            xhr.open('GET', url, true);        // 定义请求方式
            xhr.setRequestHeader('X-Auth-token',param);  // 添加 csrf 令牌
            xhr.responseType = "blob";    // 返回类型blob
            // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑
            xhr.onload = function () {
                // 请求完成
                if (this.status === 200) {
                    // 返回200
                    var blob = this.response;
                    var reader = new FileReader();
                    reader.readAsDataURL(blob);    // 转换为base64，可以直接放入a标签href
                    reader.onload = function (e) {
                        // 转换完成，创建一个a标签用于下载
                        const a = document.createElement('a');
                        a.download = name + '.pdf';
                        a.href = e.target.result;
                        $("body").append(a);    // 修复firefox中无法触发click
                        a.click();
                        $(a).remove();
                    }
                }
            };
            // 发送ajax请求
            xhr.send();
        }

标签

#前端 #javascript