js下载PDF文件至本地

<html>

<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script>
        function downloadByUrl() {
            var oReq = new XMLHttpRequest();
            var URLToPDF = "http://www.lswz.gov.cn/html/ndbg/2019-03/28/243933/files/8cc8f0c824e74e3dbc06ac3e74355def.pdf";
            oReq.open("GET", URLToPDF, true);
            oReq.responseType = "blob";
            oReq.onload = function () {
                var file = new Blob([oReq.response], {
                    type: 'application/pdf'
                });
                saveAs(file, "mypdffilename.pdf");
            };

            oReq.send();
        }
    </script>
</head>

<body>
    <input type="button" onclick="downloadByUrl()" value="PDF下载" />
</body>

</html>

要使用JavaScript在H5页面中下载PDF文件并保存至手机端,你可以尝试以下代码: ``` function downloadPDF() { var url = "https://example.com/example.pdf"; // PDF文件下载链接 var filename = "example.pdf"; // PDF文件文件名 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], {type: "application/pdf"}); if (window.navigator.msSaveOrOpenBlob) { window.navigator.msSaveOrOpenBlob(blob, filename); // IE浏览器下载 } else { var downloadUrl = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = downloadUrl; a.download = filename; document.body.appendChild(a); a.click(); setTimeout(function() { document.body.removeChild(a); window.URL.revokeObjectURL(downloadUrl); }, 100); } } }; xhr.send(); } ``` 在上述代码中,我们首先定义了要下载PDF文件下载链接和文件名,然后通过XMLHttpRequest对象发送GET请求获取PDF文件的二进制数据。在获取到二进制数据后,我们将其封装成一个Blob对象,并通过URL.createObjectURL()方法生成一个下载链接,最后创建一个a标签并模拟点击以启动下载。如果是IE浏览器,我们则通过window.navigator.msSaveOrOpenBlob()方法直接下载。 需要注意的是,由于H5页面中的JavaScript文件是在浏览器中执行的,因此我们无法直接将PDF文件保存至手机本地。上述代码中的下载链接可以让用户在浏览器中下载PDF文件,用户可以在下载完成后通过文件管理器将其保存至手机本地
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值