使用pdf.js预览pdf文件时如何兼容chrome66版本

这篇具有很好参考价值的文章主要介绍了使用pdf.js预览pdf文件时如何兼容chrome66版本。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近在做一个需求,在PC端实现预览pdf文件的功能,但是要最低兼容chrome的66版本,因为公司用的chrome浏览器最低版本就是66版本。
现在下载PDF.js(链接:https://mozilla.github.io/pdf.js/)
下载下来的版本是v3.11.174,都是已经构建好的。
我先拿v3.11.174这个版本试了一下,发现在chrome90以上的版本是可以的,但是在更低版本就会有各种各样的问题,比如不展示或者展示不全,又或者报错等。
那怎么能兼容chrome 66版本呢?
答案是:找更低版本的PDF.js,并逐一实验看看效果;

经过反复的实验,最后我使用了pdfjs-v2.5.207的版本,解决了这个问题。
兼容chrome 66版本的pdf.js版本是v2.5.207

下载PDFjs;最新的插件使用的是es6语法有浏览器兼容性问题,不兼容QQ浏览器、跟别说IE 了。所以 请认准es5版的 pdf.js-2.5.207;

插件下载地址:链接:https://pan.baidu.com/s/1uUGFuPJ_RXZx3lnQKr-M_g
提取码:ph0n文章来源地址https://www.toymoban.com/news/detail-723425.html

到了这里,关于使用pdf.js预览pdf文件时如何兼容chrome66版本的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • pdf.js预览pdf文件

    预览pdf一般通过浏览器自带的pdf预览器就可以,但有时候需要窗口预览或自定义操作,可以使用pdf.js操作 pdf.js需要构建后使用,我们可以直接下载安装pdfjs-dist,这是构建好的版本 这里注意你的环境,新版本使用了可选链,空值合并和私有 class 字段/方法等,如果你的浏览器

    2024年02月03日
    浏览(53)
  • js下载图片、pdf等文件,无预览

    直接使用window.open()或window.locat.href()下载文件遇到图片或pdf文件就会跳转预览页,不能满足我想要的点击直接下载文件到本地的需求,尝试多次,最终通过以下方法实现了我的需求。 鉴于后端返回的是文件路径,首先要将文件url地址转为文件对象,代码如下: npm install saveA

    2024年02月13日
    浏览(36)
  • js实现PDF 预览和文件下载

    在开发过程中要求对 PDF 类型的发票提供 预览 和 下载 功能, PDF 类型文件的来源又包括 H5 移动端 和 PC 端 ,而针对这两个不同端的处理会有些许不同,下文会有所提及。 针对 PDF 预览 的文章不在少数,但似乎都没有提及可能遇到的问题,或是提供对应的具体需求场景下如何

    2024年02月15日
    浏览(39)
  • 利用PDF.js在微信小程序里预览PDF文件

    在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点: 1、需要下载才可以查看,且每次打开都需要下载生成一个临时文件,如果PDF文件比较多的话,临时文件会越来越多,且如果PDF文件比较大的话,打开会比较慢。 2、在导

    2024年02月03日
    浏览(59)
  • 前端js打开pdf文件--文件通过浏览器打开,以pdf形式进行预览

    通过点击button按钮,触发 @click=\\\"openPDF(performance_report)\\\"方法,把对应需要展示的pdf传送到openPDF()方法内,这里的pdf文件格式必须包括id、name、url。 在这里,performance_report为预览的文件:

    2024年02月14日
    浏览(40)
  • vue+pdf.js预览本地pdf文件(可以复制文本,滚动页码展示)

    1、安装pdfjs-dist插件,推荐使用2.0.943这个版本 2、页面中引入使用 3、页面标签 3、解析pdf,获取pdf所有页数据,使用canvas渲染,并使用TextLayerBuilder创建文本层,可以复制文本信息 在渲染pdf数据时,当pdf文件很大渲染量很多时,会导致页面卡住,无法执行其他操作;这涉及到

    2024年01月21日
    浏览(38)
  • 无需任何三方库,在 Next.js 项目在线预览 PDF 文件

    之前在使用Vue和其它框架的时候,预览 PDF 都是使用的 PDFObject 这个库,步骤是:下载依赖,然后手动封装一个 PDF 预览组件,这个组件接收本地或在线的pdf地址,然后在页面中使用组件的车时候,通过路由参数去获取目标PDF地址。 最近使用 Next.js 重构公司官网的时候,也碰到

    2024年01月21日
    浏览(36)
  • 利用webview 内嵌实现小程序,h5 ,app 页面跳转和数据通讯,附带实现pdf文件的预览(兼容ios和安卓)

    承载网页的容器。会自动铺满整个小程序页面, 个人类型的小程序暂不支持使用。 客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效 相关的属性说明:开放能力 / web-view (qq.com) 2.bindmessage 可以实现网页端和小程序之间通讯, 但只在特定时机触发 网页端向小程序

    2024年02月02日
    浏览(60)
  • 前端如何预览pdf文件流

    通过查找资料,可以找到如下几种方案,其中最为成熟的方案是vue-pdf 1. iframe 既可以用来浏览本地static下的文档,也可以预览后端返回的文件流文档 2. vue-pdf 较为完善的vue预览pdf的方案 3. vueshowpdf 网络上找到的一个他人封装的pdf组件 优点 缺点 原理 iframe/object/embed 简单易用

    2024年02月17日
    浏览(37)
  • 小程序如何打开预览文件 (pdf)

    小程序中要想预览查看pdf等各种文件,跟在pc、h5上是不一样的,pc、h5是可以直接打开odf的文件进行预览查看的,小程序需要先下载,再打开本地的pdf文件路径进行查看。 注: 1、在小程序开发后台downloadFile(合法域名)配置下载文件的域名,配置路径:后台–开发设置–服

    2024年02月12日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包