PDF.JS IE9 中无法显示中文,图像可以正确显示,其他浏览器测试正常

IE9控制台错误如下:
日志: Warning: Setting up fake worker.
日志: PDF 216083344f5e4668be7ff276707fdb66 1.6 3-Heights(TM) PDF Optimization API 4.9.25.1 (http://www.pdf-tools.com); modified using iText® 5.5.12 ©2000-2017 iText Group NV (AGPL-version) / -
日志: Warning: Unsupported feature "font"
日志: Warning: Error during font loading: 无法获取属性“push”的值: 对象为 null 或未定义

PDF.js 插件目录结构
图片说明
合同显示效果:图片说明
viewer.html顶部代码:
图片说明

3个回答

这是ie9的bug,除非你大改pdf.js,否则无解。一般来说,针对ie9做降级处理,比如用flashpaper加载文档,或者客户端安装activex插件(比如福昕浏览器,并打开浏览器支持)。

weixin_36241363
秦艾德 谢谢老哥的热心解答
2 年多之前 回复

这个没办法的,pdf.js本身设计只参考utf8,中文集是utf8mb4

计划IE9处理方案:将PDF截成图片然后通过幻灯片插件进行预览,再次感谢各位热心的朋友,谢谢!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用pdf.js打开pdf在IE下出现问题

我用谷歌,360,火狐浏览器打开pdf正常,可以正常下载,直接打印,但是用IE的时候 ,点打印按钮的时候,直接打印的是我的首页内容,这是什么问题,求大神

pdf.js在线打印在IE11上打印不全

用pdf.js插件在线打印pdf文档,在chrome上正常预览和打印,在IE11上打印时下半页空白。pdf内容是繁体,另外发现同一个pdf在chrome和IE中字体大小不同,打印时的页边距也不同,但调整无效。

PDF.js在IE10的兼容问题:“Map”未定义

最近在搞一个PDF在线预览的功能,于是选择了PDF.js,但是中途问题很多, 由于项目要兼容IE10,但是 PDF.js对于IE的兼容不是很好,中途也解决了很 多坑,这两天在IE10下有遇见了一个问题“Unhandled promise rejection UnknownErrorException: “Map”未定义”,错误没有具体报错的行号和是哪个脚本,如图: ![图片说明](https://img-ask.csdn.net/upload/201909/05/1567664121_686875.png) 错误导致在IE10版本功能没有办法正常运行,有没有前端大佬遇见过类似的情况或者能分析出问题所在的望能给指点一下迷津!!! 问题很急,非常感谢!!!!

PDF.js v2.1.266 找不到中文文件名

PDF.js v2.1.266 找不到中文文件名,英文和数字,可以正常预览,唯独这样的转码文件名找不到! ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567699829_706867.png) 在我的服务器目录中明明是有这个文件的 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567699964_404448.png) 大家知道这是怎么回事吗?

pdf.js 在IE10对象不支持“set”属性或方法

在pdfjs官方找到是支持到ie9 但看了一些资料说对ie10里面有挺多东西支持不了。 前端时间搞了个东西,使用pdf.js加载pdf文件,在ie11下读取就没问题,但在IE10里面就有内容丢失了,显示空白 ![图片说明](https://img-ask.csdn.net/upload/201908/30/1567164966_666995.png) 看哪位大神可以给看看,在浏览器控制台里报了一个错,只有ie10报错了 ![图片说明](https://img-ask.csdn.net/upload/201908/30/1567165035_627897.png) 有没有熟悉pdf.js的可以给出一些建议和意见 自己也跟踪了一下,跟unit8Array 有关系,应该是对这个对象不怎么兼容 兼容跳到ie9 就显示其他错了。 ![图片说明](https://img-ask.csdn.net/upload/201908/30/1567165175_196966.png) 很着急!!!!!!!!!!!!!!!!在线等!!!!!!!!!!!!!!!

wkhtmltox生成的PDF,用PDF.JS进行预览,中文会有问题

根据wkhtmltox软件,把HTML转换成PDF以后,用PDF.JS打开PDF文件,发现中文显示很奇怪显示不全,只有底部的1/5有显示。 用Adobe打开PDF,中文显示正常,右键文档属性-字体,有一个 ??Regular(已嵌入子集)的一个字体,是不是wkhtmltox转换的中文字体,没有设置准确,导致PDF.JS不能正确识别?![图片说明](https://img-ask.csdn.net/upload/201801/30/1517305739_325950.png) ![图片说明](https://img-ask.csdn.net/upload/201801/30/1517305773_395794.png)

关于pdf.js嵌入到ios中,pdf大于100kb,加载不出来!

在网页中使用pdf.js插件到ios中,pdf大于100kb,加载不出来!,安卓和电脑上均正常显示!,为什么啊!请教大神,在线等...........................

使用pdf.js将pdf转换为图像,然后将图像移动到服务器

<div class="post-text" itemprop="text"> <p>I've figured out the top section (and sorry for not being specific). But now I am using pdf.js to draw a canvas of a pdf and then convert that pdf to an image via:<br></p> <pre><code> var canvas = document.getElementsByTagName("canvas")[0]; image = new Image(); image.src = canvas.toDataURL("image/png"); document.body.appendChild(image); </code></pre> <p>But the problem is that the canvas is converted to an image before the canvas is done drawing, so the resulting image is missing parts. Canvases do not support <code>onload</code> and I don't want to use a static timer to wait for them to finish. Can anyone help me with this? Thanks.</p> <p>Full Code</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.943/build/pdf.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var currPage = 1; var numPages = 0; var thePDF = null; pdfjsLib.getDocument(&lt;?php echo "'/bw_site/documents/newslettermailtemp/".$filename."'"; ?&gt;).then(function(pdf) { thePDF = pdf; numPages = pdf.numPages; pdf.getPage( 1 ).then( handlePages ); }); function handlePages(page) { var viewport = page.getViewport( 2 ); var canvas = document.createElement( "canvas" ); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; page.render({canvasContext: context, viewport: viewport}); document.body.appendChild( canvas ); currPage++; if ( thePDF !== null &amp;&amp; currPage &lt;= numPages ) { thePDF.getPage( currPage ).then( handlePages ); }else{canvasfunc();} } var image = []; function canvasfunc(){ for(var i = 0; i &lt; document.getElementsByTagName("canvas").length; i++){ var canvases = document.getElementsByTagName("canvas")[i]; image[i] = new Image(); image[i].src = canvases.toDataURL("image/png"); document.body.appendChild(image[i]); } } &lt;/script&gt; &lt;/html&gt; </code></pre> </div>

Itext生成的PDF,在IOS中使用PDF.JS无法预览

1:自己本地创建了PDF,并设置了表单域,字体为仿宋 2:通过后台查询数据赋值表单域 3:将PDF转化成流,使用PDF.js预览 定位问题: 1:旧的合同模板生成的合同可以预览,貌似旧的模板中有嵌入Fangsong字体 2 : 新的合同模板只有表单域,没有显示字体,无法进行字体Fangsong嵌入 3 : 安卓和主流浏览器中预览正常,IOS一直显示空白,要等3-5分钟才慢慢加载出来 ![图片说明](https://img-ask.csdn.net/upload/201805/04/1525400439_784255.jpg)

限制对文件的访问 - PDF.JS

<div class="post-text" itemprop="text"> <p>Please consider the following:</p> <p>I have a website that users upload content to as PDF's. I would like to restrict access to this content in some way. The plan is for a PHP script to authenticate the user and then load a local PDF using PDF.JS so that is works on all devices.</p> <p><strong>I am making use of the viewer.js supplied code.</strong></p> <p>I have tried to use .htaccess to only allow PDF's to load if they come from the server IP address but with no avail - it appears to block any attempts to pull the PDF using PDF.js</p> <p>Is there a way in PDF.JS to force it to load the file locally, rather than downloading it as a URL? Perhaps then I can just <code>deny all</code> in .htaccess and still allow PDF.js to load it?</p> <p>Please bear in mind I am using the code found in viewer.js in the web directory of the stable download - I am unable to get any of the "Examples" on the PDF.JS site to work, specifically this line: <code>var pdfjsLib = window['pdfjs-dist/build/pdf'];</code> - This will be down to my limited knowledge. If anyone is able to explain this, bonus.</p> <p>I am totally open to other ways to solve this problem, and I hope someone can tell me that this is an awful idea and provide a far better way to do it.</p> <p><strong>Edit</strong></p> <p>Just to confirm as I don't think I was very clear initially, I still want users to be able to view the content through the webpage that has the PDF.JS, however I don't want just anybody going to the direct URL path and being able to view the content.</p> </div>

pdf.js在requirejs中使用,workerSrc和getDocument浏览器总报错?

在main.js中引入pdf.js 'pdfJs': 'plugins/pdfjs/build/pdf', 在页面中 define(['pdfJs'], function (pdfjs) {}) 下面是使用 pdfjs.workerSrc =STATIC_CTX + '/static/scripts/plugins/pdfjs/build/pdf.worker.js'; var loadingTask = pdfjs.getDocument({ url: src, cMapUrl: STATIC_CTX + '/static/scripts/plugins/pdfjs/web/cmaps/', cMapPacked: true }); loadingTask.promise.then(function(pdf) { console.log('PDF loaded'); var pageNumber = 1; pdf.getPage(pageNumber).then(function(page) { console.log('Page loaded'); var scale = 1.5; var viewport = page.getViewport(scale); var canvas = document.getElementById('the-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; var renderContext = { canvasContext: context, viewport: viewport }; var renderTask = page.render(renderContext); renderTask.then(function () { console.log('Page rendered'); }); }); 最后运行在浏览器中就报错 Uncaught TypeError: Cannot read property 'getDocument' of undefined

pdf.js在项目中找不到文件

我把下载好的demo导入到项目中就出现如图所示的问题; 不管是默认的pdf,还是通过file传的路径都是提示找不到文件 都会提示: PDF.js v1.8.188 (build: ad1023ff) Message: Missing PDF "http://localhost:8080/TelBook/js/pdfViewer/web/123.pdf". PS:1.在下载好的demo中直接打开viewer.html是可以显示默认的pdf文件的; 2.通过打开文件按钮是可以打开本地的pdf ----------------------------------------------------------------------------------- 想问一下是什么原因 ![图片说明](https://img-ask.csdn.net/upload/201707/25/1500966645_800360.png)

如何解决PDF.JS中切换不同PDF文件时加载错误的问题?

PDF.js插件是在网页中浏览PDF文件的一个插件,在本人最近使用中,当快速切换不同PDF文件时,加载的PDF文件页就会出错,报错,请问有什么办法可以解决该问题,求大神指点。谢希望达到的效果是频繁切换不出错,上一个未加载完成直接终止加载,加载下一个PDF文件。谢谢!

pdf.js插件的跨域问题

在vue-cli3中使用了pdf.js插件来预览pdf,链接地址直接打开是可以访问pdf文件的,但用pdf.js就会报跨域的问题 ![图片说明](https://img-ask.csdn.net/upload/202004/20/1587368614_935789.jpg) 这个怎么解决

谁用过pdf.js? 怎么吧他页面上的汉化一下?

![图片说明](https://img-ask.csdn.net/upload/201507/31/1438332714_983672.png)

求助PDF.js的使用问题,搜索框怎么捕捉内容变化

要利用开源的PDF.js显示PDF,现在是通过直接改变搜索框的值 document.getElementById("findInput").value=txt; 我遇到的问题就是在改变搜索框里的值后,怎么加监听函数使得它立即响应搜索框值的变化,马上搜索新的值来来实现高亮显示

使用pdf.js,点击预览显示的不是需要的文件,而是网址首页,这是什么问题?

axios({ url: this.adress + '/index/download', headers: this.myHeaders, // 请求头 method: 'get', params: this.downloadA, responseType: 'blob' }) .then(res => { const binaryData = [] binaryData.push(res) const url = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf' })) this.pdfUrl = './static/pdf/web/viewer.html?file=' + encodeURIComponent(url) this.dialogVisible = true })

载入PDF时发生错误?PDF.js v1.10.100 (build: ea29ec83) 信息:Failed to fetch

PDF.js v1.10.100 (build: ea29ec83) 信息:Failed to fetch

请教如何利用PDF.js解析PDF文件,求大神指导

因为所做项目需要提取PDF中的文字以及表格信息,所以一直在想办法如何解析PDF文件以及还原表格结构。最近看到Mozilla实验室推出的PDF.js插件,所以就想尝试如何利用这个插件解析PDF,并输出文件内容,但是对js不是很懂,求大神指导啊,小弟不胜感激。

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐