该方法不需要使用插件
获取后端二进制文件流后直接处理文章来源:https://www.toymoban.com/news/detail-807454.html
// 获取文件流处理
viewPdf(id) {
return request({
url: `...`,
method: 'get',
headers: { 'Content-Type': 'application/octet-stream' },
responseType: 'blob'
}).then(res => {
// res为二进制文件流
const blob = new Blob([res], { type: 'application/pdf;charset=utf-8' })
const href = URL.createObjectURL(blob)
window.open(href, 'newWindow')
})
}
然后点击调用方法使用文章来源地址https://www.toymoban.com/news/detail-807454.html
clickViewPdf(id) {
viewPdf(id)
}
到了这里,关于vue2实现二进制流pdf浏览器预览功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!