pdfjs预览的插件,会隐藏部分字

2024-08-02

pdf.js 预览文件中文内容丢失

问题: 在.netcore中使用pdf.js,pdf中有部分中文无法显示在浏览器控制台发现有报错发现在pdf.view.js中url路径异常,没有指向cmaps文件,于是调整了正确的相对路径再次请求,依旧404.再通过观察其他的js文件的路径,路径没有问题.最后发现是系统没有为我们提供处理的文件类型无法使用,有些需要自己手动添加,在Startup中Configure添加如下代码: var contentTypeProvider = new FileExtensionContentTypeP

强大的图片展示插件,JQuery图片预览展示插件

只需要引入JQuery.js , viewer.css 和 viewer.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js&qu

pdfjs预览pdf文件的两种方式（可复制）

1.以图片形式进行展示: version:采用1.x版本,2.0版本会有字体显示不完整的问题:参考这里使用1.8.170 <script th:src="@{/pdfjs/build/pdf.js}"></script>//导入pdfjs <div class="grid-content bg-purple" style="height: 660px;"> <div align="center

Atom预览markdown插件Markdown Preview Enhanced

atom 上目前最强的 markdown 插件Markdown Preview Enhanced 是一款为 ATOM 编辑器编写的超级强大的 Markdown 插件.这款插件意在让你拥有飘逸的 Markdown 写作体验. https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

wordpress在线预览pdf插件

插件名称:PDF.js Viewer Shortcode 插件主页:http://tphsfalconer.com/ 优点:功能强大,有分页缩略图功能,翻页,放大缩小,打印,下载,读取等功能. 使用方法: 安装插件,启用之后,添加文章的时候,写 [pdfjs-viewer url= viewer_width=810px viewer_height=700px fullscreen=false download=true print=false openfile=false] url=pdf的路径

基于Three.js的360X180度全景图预览插件

基于Three.js的360X180度全景图预览插件时间 2015-08-12 10:01:10 HTML5中国原文 http://www.html5cn.org/article-8621-1.html 主题 Three.js 简要教程 Photo Sphere Viewer是一款基于Three.js的360X180度全景图预览js插件.该js插件可以360度旋转查看全景图,也可以上下180度查看图片.使用该插件的唯一要求是浏览器支持canvas或WebGL. 查看演示下载插

在 vue 中使用 vieiwer 图片预览插件

https://blog.csdn.net/WestLonly/article/details/79801800?utm_source=blogxgwz0 首先,感谢原作者官网链接 github地址项目需求需要做一个图片预览的插件,整体项目是用 vue 构建的,因此,急需要一款适合的插件来完成,找来找去,最终选中 viewerjs ,官方有demo,但是在vue中用使用的文档却没有,经过尝试,通过以下方式来实现 : 我的需求是局部组件中实现图片预览,流程如下: 1 构建插件需要的 DOM:

【VUE】图片预览放大缩小插件

From: https://www.jianshu.com/p/e3350aa1b0d0 在看项目时,突然看到预览图片的弹窗,感觉好僵硬,不能放大,不能切换,于是便在网上找下关于图片预览的插件,有找到三个插件,具体的优劣势的看自己的使用吧,我目前只是在电脑查看效果,分别是viewerjs插件.基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件第一种:viewerjs使用介绍 viewerjs插件截图 1.先安装依赖 npm insta

图片转换base64数据上传，并且实现预览的简便方法

对于很多新手来说,实现上传图片并且预览功能,都会感到不知所可,然后开始在网站搜索各种各样的图片上传预览插件,但是有的时候我们只是想简单的实现判断格式,以及预览的功能,使用插件的话,会使得项目的资源空间很大,代码臃肿. 下面,我就整理一个小方法实现判断上传格式,大小,以及预览图片的功能,大大的减少了代码量. 思路:点击上传按钮(id="PhotoFile"),选择文件,触发改变事件,调用base64data函数,调用完毕后,执行回调函数,把返回的base64数据分别赋值到img标签的sr

uploadPreview 上传图片前预览 IE9 索引无效的问题

最近公司的项目用到比较多的上传图片的操作,所以用到了基于jquery的上传前预览的插件 uploadPreview ,后来测试的时候发现在IE9下报索引无效的问题. 异常的产生方式放一个file控件,然后隐藏,用按钮的事件替代file的change事件,代码如下 <div class="portrait" id="portrait"> <img src="../../content/images/face.png" id=&q

文件在线预览doc，docx转换pdf（一）

文件在线预览doc,docx转换pdf(一) 1. 前言文档转换是一个是一块硬骨头,但是也是必不可少的,我们正好做的知识库产品中,也面临着同样的问题,文档转换,精准的全文搜索,知识的转换率,是知识库产品的基本要素,初识阅读时同时绞尽脑汁,自己开发?,集成第三方?都是中小企业面临的一大难题--. 自己在网上搜索着找到poi开源出来的很多例子,最开始是用poi把所有文档转换为html, 1) 在github上面找到一个https://github.com/litter-fish/transform

vue.js 图片预览

Vue.js的图片预览的插件还是不少,但是找了半天还是没找到跟现在项目里能用得很顺手的,其实项目里图片预览功能很简单,点击放大,能双指缩放就可以了.部分vue.js的图片预览库都需要把图片资源单独拿出来进行预加载,这个项目比较特殊,图片属于数据内容的一部分,数据内容都是从服务器异步获取的HTML内容,异步加载完成html内容完成后,才能去给每个图片加上预览功能. 所以就只能自己根据需要添加图片预览功能了. 当然不是从零开始,可以借助一些移动端的触控库帮我们解决一些基础的触控事件,这里选用的是ha

使用pdfjs插件在线预览PDF文件

前言本文介绍在html中使用 pdfjs插件在线预览PDF文件的方法. 实现步骤下载 pdfjs 并引入项目中到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download 下载pdfjs插件包,注意下载Stable稳定版的包.将下载的压缩包解压并放入项目中. 使用方法在 iframe 标签中使用.假设 pdfjs 包放在目录 ../static 下.则写法如下: <iframe id="previewpdf&q

图像本地预览插件（基于JQUERY、HTML5）

最近是被这项目搞疯了.害我天天写插件,上周才写,现在就继续吧..... 说说这个吧.主要是用于本地图像预览的.我们知道在以前,图像预览一般都很麻烦,一般都是异步上传然后返回路径,动态设置路径,但是这样的效率不言而喻,而使用这种技术一般情况下,就是flash.silverlight或者是三方axtiveX插件了,而这些技术一般都很难实现跨平台.跨浏览器.跨设备的情况,而且表现不一,从另一个方面来说,这种技术是web依赖了第三方,不通用.而自从HTML5诞生以来,这样的思路就被打破了.HTML5提供

最好用的js前端框架、组件、文档在线预览插件

这里收集的都是个人认为比较好的js框架.组件 js前端ui框架此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完整解决方案. Kendo UI 商用收费,组件丰富,界面简洁美观,有jQuery和angular两个js的版本 Webix 商用收费,组件丰富,界面特别美观 JQwidgets 商用收费,丰富的组件,有angular2.React.jquery以及ASP.NET MVC版本 Wijmo 商用收费,看

JS图片上传预览插件制作（兼容到IE6）

其实,图片预览功能非常地常见.很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过.现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件.在此分享一下思路. 一.实现图片预览的一些方法. 了解了一下,其实方法都是大同小异的.大概有以下几种方式: ①订阅input[type=file]元素的onchange事件. 一旦选择的路径被改变就把图片上传至服务器,然后就返回图片在服务器端的地址,并且赋值到img元素上. 缺点:工作量大,有些上传并不是用户最终需要上传的图片,但是这种方式会

多预览小图焦点轮播插件lrtk

多预览小图焦点轮播插件lrtk // JavaScript Document $(document).ready(function(){ //$('#select_btn li:first').css('border','none'); if ($('#zSlider').length) { zSlider(); $('#h_sns').find('img').hover(function(){ $(this).fadeTo(200,0.5); }, function(){ $(this).fa

【krpano】高德地图导航插件（源码+介绍+预览）

简介 krpano可以利用js调用第三方网页版地图,因此可以实现导航效果,用来帮助用户导航到我们全景所在的位置. 效果截图如下,在手机端点击左侧按钮,便会对用户进行定位,跳转至高德地图进行导航使用说明插件共有3个文件,如下图所示: nv.js为js代码,主要作用为浏览器定位,生成地图调用uri等. nv.xml为样式文件,定义了krpano中按钮的位置 navigation.png为图标使用时,把上述3个文件复制到项目目录,修改xml文件中的目的地参数即可. desloc对应于目

【krpano】浏览点赞插件1.1（源码+介绍+预览）

插件使用说明详见:http://www.cnblogs.com/reachteam/p/5479068.html 插件更新 1.新增测试模式用户可以使用uid="test"进行本地测试 2.增加了uid算号工具,用户可以根据自己的项目地址,自行计算uid,无需再联开发者. 算号工具请加入群:551278936,从群文件中自行下载. 源码下载地址 http://pan.baidu.com/s/1pLvNC2B 在线预览 http://www.yjh001.com/va/tour.htm

【krpano】浏览点赞插件（源码+介绍+预览）

简介最近几天研究了如何在krpano全景的基础上实现记录浏览量和点赞次数,写了一个插件,方便大家使用. 效果截图如下: 每当有用户打开该全景页面时,浏览量会自动加1: 用户可以主动点击点赞按钮,点击后,赞的数量加1,第二次点赞会取消点赞. 使用说明插件共有5个文件,如下图所示: 前三个文件为图片,可以自行修改定义不同的样式 va.min.js 为js代码,用于控制点赞,与后台交互等操作 va.xml为xml文件,用于配置样式使用时,把上述5个文件复制到项目目录,在你的xml文件里添加如下的