js pdf预览

Posted 2021-09-04 灬都是个谜

url 预览

function previewPdf(url, filename) {
    window.open(url, filename, `width=1060,height=${screen.height},left=${(screen.width - 1060)>>1}`)
}

文件流 预览

function objectURL2Blob(url) {
    return new Promise(resolve => {
        let xhr = new XMLHttpRequest()
        xhr.open(\'GET\', url, true)
        xhr.responseType = \'blob\'
        xhr.onload = function() {
            if (this.status == 200) resolve(this.response)
        }
        xhr.send()
    })
}

let file = null // 文件
let url = URL.createObjectURL(file)
let blob = new Blob([await objectURL2Blob(url)], { type: \'application/pdf\' })
url = URL.createObjectURL(blob)
previewPdf(url, \'javascript权威指南.pdf\')

---

部分浏览器可能不支持

---