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

blob文件流前端显示pdf

26 人参与  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)
  • 赞助本站

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

最新文章

  • [完结]谢听宇沈南知:+后续纯净版全
  • 云本无心风起意:+后续+结局高分佳作(林妍傅璟)全书免费_(林妍傅璟)云本无心风起意:+后续+结局高分佳作后续(林妍傅璟)
  • 我的心曾悲伤七次***剧情片段直通车_「裴景小姐明白」反转剧情试读片段
  • 流产999次后我跳下诛鬼台,阎王夫君却疯了限时免费***章节速览_谢礼子宫姜月爆款小说高能章节试读
  • 穿越:我在大唐当闲王全局(李慎李世民)_穿越:我在大唐当闲王全局李慎李世民
  • 用狗和我换命,我直接把狗卖给狗贩子全面完结(曼青林春生)_用狗和我换命,我直接把狗卖给狗贩子全面完结(曼青林春生)
  • ⼼意红包完本_[弟弟耀祖冷笑]小说***章节抢先看
  • 全书浏览我尸沉大江,团长丈夫跪地痛哭:结局+番外完结(陆红雪谢筱瑶沈明远)_我尸沉大江,团长丈夫跪地痛哭:结局+番外完结(陆红雪谢筱瑶沈明远)全书结局
  • 如约而至:全书+后续+结局(林子墨齐雪)_(林子墨齐雪)如约而至:全书+后续+结局列表_笔趣阁(林子墨齐雪)
  • 全书浏览得知渣老婆出轨后:结局+番外+完结新鲜出炉(林君炫温宁暖)_得知渣老婆出轨后:结局+番外+完结新鲜出炉(林君炫温宁暖)全书结局
  • 为给白月光治病,老公设计让丁克的我怀孕了后续大结局更新+番外_「顾知礼丁克老公」独家章节限时试读
  • 七零,为做战地医生他踹了团长老婆小说免费在线阅读_「沈梅梅高子恒卓明远」全章节免费阅读

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

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