处理pdf文件直接下载，不预览

最新推荐文章于 2026-01-05 12:22:51 发布

原创最新推荐文章于 2026-01-05 12:22:51 发布 · 852 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

原生JS 专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何在HTTPS环境下处理跨域HTTP文件下载的问题，提供了一个JavaScript解决方案，通过创建并点击a标签实现PDF文件的直接下载，避免预览。同时，文章强调了设置请求头和响应类型的重要性。

*

**## 出现文件跨域下载问题 https 域名与http 文件 处理方案**（把图片	http 更换为https）

*
const toUrl = filePath.split('://')[1]
let prol = window.location.protocol

## ***处理pdf文件直接下载，不预览***

downPdf(fileName,filePath){
      var ajax=new XMLHttpRequest()
      ajax.open( 'GET', filePath, true)
      ajax.setRequestHeader('Cache-Control','no-cache')
      ajax.setRequestHeader('Access-Control-Allow-Origin', '*')
      ajax.responseType = 'blob';
      ajax.onload = e =>{
        let res = e.target.response
        let blob = new Blob([res])
        let aLink = document.createElement("a")
        aLink.download = fileName // 下载文件的名字
        aLink.href = URL.createObjectURL(blob)
        aLink.click()
      }
      ajax.send()
    }