当前位置:首页 » 《随便一记》 » 正文

blob文件流前端显示pdf

25 人参与  2024年02月18日 16:46  分类 : 《随便一记》  评论

点击全文阅读


首先请求需要修改
responseType: ‘blob’, 需要修改

请求头{        responseType: 'blob',        url: url,        method: 'get',    }

三种方法:

1.直接处理,在新页面打开

const blob = new Blob([data],{type:'application/pdf'})let url = window.URL.createObjectURL(blob)window.open(url,'_blank')问题在于父页面关闭或者刷新后,文件页面获取不到文件流,刷新显示空白页。

2.在新页面用iframe接

<iframe :src='xxxxxx'>问题在于点击iframe中文件之后无法在iframe监听事件,ctrl+p 显示空白

3.使用pdf.js

到 mozilla.github.io/pdf.js/gett… 页面中找到下载位置,下载 PDF.js在viewer.js 修改注释下列代码   不然 可能会出现跨域错误,无法正常预览文件if (origin !== viewerOrigin && protocol !== "blob:") {  throw new Error("file origin does not match viewer's");}随后在页面展示let path = window.URL.createObjectURL(blob)const fileUrl = '/pdfjs2/web/viewer.html'// 生产环境下if (process.env.NODE_ENV === 'production') {  this.pdfurl = fileUrl + '?file=' + encodeURIComponent(path)} else {// 开发环境  this.pdfurl = fileUrl + '?file=' + encodeURIComponent(path)}修改清晰度    --注意清晰度越高,打印预览时 谷歌内核滚动条越卡this._printResolution = 450//printResolution || 150新版本的pdf.js viewer.js被改为mjs,上线时nginx需要修改另外还有个bug 在一个页面打印预览时,同源的其他页面无法点击

点击全文阅读


本文链接:http://m.zhangshiyu.com/post/68974.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 为给白月光治病,老公设计让丁克的我怀孕了后续大结局更新+番外_「顾知礼丁克老公」独家章节限时试读
  • 七零,为做战地医生他踹了团长老婆小说免费在线阅读_「沈梅梅高子恒卓明远」全章节免费阅读
  • 为了白月光,他夜夜用催眠的方式伤害我结局+番外列表_为了白月光,他夜夜用催眠的方式伤害我结局+番外(付彦然静雯)
  • 全文离婚后总裁前妻很抢手:结局+番外(许娆傅擎洲)列表_全文离婚后总裁前妻很抢手:结局+番外
  • 岁暮归南山:+后续+结局(阮岁暮郭思远)_岁暮归南山:+后续+结局全(阮岁暮郭思远)
  • 孟昭宁顾君蘅(时光烬余温:结局+番外)结局_(孟昭宁顾君蘅时光烬余温:结局+番外全书结局)结局列表_笔趣阁(孟昭宁顾君蘅)
  • 男友未婚妻不要的穷小子竟是全国首富全书叶均顾娩在线
  • 乔乔的他的黄金沈星铭沈雅全书在线
  • (番外)+(全书)云本无心风起意:+后续+结局(林妍傅璟)_云本无心风起意:+后续+结局列表_笔趣阁(林妍傅璟)
  • 得知渣老婆出轨后:结局+番外+完结(林君炫温宁暖)_(林君炫温宁暖)得知渣老婆出轨后:结局+番外+完结列表_笔趣阁(林君炫温宁暖)
  • [被宠妾当作狐媚子欺辱后,病娇皇帝杀疯了]反转剧情试读片段_「萧璟狐媚子侍卫」口碑神作必读篇章
  • 「从此两不相欠」精彩节选试读_「宋泽川沈佳江棠」后续更新

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1