js 使用url 下载文件

最新推荐文章于 2024-05-15 00:45:24 发布

梦中似曾相见

最新推荐文章于 2024-05-15 00:45:24 发布

阅读量1k

点赞数

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

本文链接：https://blog.csdn.net/TSOHD/article/details/125789636

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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