javascript 保存第三方API返回的PDF文件流

原创已于 2022-07-19 13:12:59 修改 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #文件流 #PDF

于 2019-03-11 15:23:46 首次发布

MVC 同时被 2 个专栏收录

1 篇文章

订阅专栏

cshtml

1 篇文章

订阅专栏

本文介绍如何在JavaScript中通过XMLHttpRequest发送POST请求获取第三方API返回的PDF文件流，并将其保存为本地PDF文件。代码示例中展示了设置请求头、处理响应为blob类型以及创建下载链接的过程。

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

针对调用第三方API时需要获取token作为头参数并传入两个参数的情况。若不需要参数，使用xmlResquest.send();即可

function DownloadContract() {
       getLongToken();//此处为获取第三方token的方法（套用时删掉）
        var url = "https:xxx";
        var data = JSON.stringify({ "idType": "0", "idContent": "1903081452070113"});

       var xmlResquest = new XMLHttpRequest();
        xmlResquest.open("POST", url, true);
        xmlResquest.setRequestHeader("Content-type", "application/json;charset=UTF-8");
        xmlResquest.setRequestHeader("token",platformToken);//将获取的token放在请求头中（套用时删掉）
        xmlResquest.responseType = "blob";
        xmlResquest.onload = function (oEvent) {

            var content = xmlResquest.response;
            var elink = document.createElement('a');
            elink.download = "test.pdf";
            elink.style.display = 'none';
            var blob = new Blob([content]);
            elink.href = URL.createObjectURL(blob);
            document.body.appendChild(elink);
            elink.click();
            document.body.removeChild(elink);
        };
        xmlResquest.send(data);
        //alert("succ");
    }

其实这篇很大程度都是参考别人的博客了，我只是个整理者。

参考博客（JS处理文件流）：JS处理文件流_Corner1990的博客-优快云博客_js 文件流

参考博客（四种 post 请求格式的XMLHttpRequest 写法）：四种 post 请求格式的XMLHttpRequest 写法_harryhare的博客-优快云博客_post xmlhttprequest