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

blob文件流前端显示pdf

23 人参与  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