当前位置：首页 > article >正文

JS实现直接下载PDF文件

article 2025/9/1 12:28:55

pdf文件通过a标签直接下载会打开页面，所以，请求该文件的blob文件流数据，再通过window.URL.createObjectURL转成链接，就可以直接下载了。
只需要替换url和文件名称就行，文件名的后缀记得要写上pdf，不然会变成txt文件。
注意：不能跨域，可以把文件上传到后端服务器，就不会跨域了。还可以用跨域代理处理。

let url = 'http://xxxxxxxxx.pdf'
let name = '实例.pdf'// 发送http请求，将文件链接转换成文件流let xhr = new XMLHttpRequest()xhr.open('get', url, true)// 请求类型xhr.responseType = 'blob'xhr.onreadystatechange = function() {// 获取接口结果if (xhr.readyState === 4 && xhr.status === 200) {window.URL = window.URL || window.webkitURLlet a = document.createElement('a')let blob = new Blob([xhr.response])// 通过二进制文件创建urllet url = window.URL.createObjectURL(blob)a.href = urla.download = namea.click()// 销毁创建的urlwindow.URL.revokeObjectURL(url)}}xhr.send()

查看全文

http://www.lryc.cn/news/2384939.html