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

blob文件流前端显示pdf

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

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

最新文章

  • (番外)+(全书)十年梦醒终辞君:全书+番外+完本免费下载_(谈逸轩秦芷兰)十年梦醒终辞君:全书+番外+完本(谈逸轩秦芷兰)免费
  • 叶墨谨幽璃/幽思燃烬忘川路:结局+番外在线品鉴_叶墨谨幽璃/幽思燃烬忘川路:结局+番外在线品鉴
  • 「丈母娘出车祸时,老婆忙着给初恋庆生」后续在线阅读_[许嘉顾砚丁克]最新章节列表
  • 「我在公司母婴APP的客户里,发现了我的丁克老婆」小说精彩节选试读_彭天明云雅顾开小说无删减版在线免费阅读
  • 遇见他,所有的等待都值得:结局+番外小编(夏颜谭正东)_遇见他,所有的等待都值得:结局+番外小编
  • 遇见他,所有的等待都值得:结局+番外小编(夏颜谭正东)_遇见他,所有的等待都值得:结局+番外小编夏颜谭正东
  • 风吹散沙我们阴错阳差(凌楠陈溪)全书浏览_风吹散沙我们阴错阳差全书浏览
  • 完结文我的爱给谁都热烈苏以情正版列表_完结文我的爱给谁都热烈苏以情正版(沈聿川)
  • 重生后手撕诬陷我的面包店老板娘(重生后手撕诬陷我的面包店老板娘)_重生后手撕诬陷我的面包店老板娘(刘艳)列表_笔趣阁(刘艳)
  • 「沈总,别来无恙」节选角色羁绊特辑‌_「顾西择」后续全文免费阅读
  • 「黯淡月光」反转剧情碎片化试读_[傅岁津许念安年年]章节免费试读
  • 破镜难圆,爱散无痕独家章节限时试读_商语薇江叙白秦枫精彩章节免费试读

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

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