html 预览pdf,html5显示pdf

  html 预览pdf,html5显示pdf

  简介

  PDF.js是用HTML5构建的可移植文档格式(PDF)查看器。

  PDF.js是社区驱动的,由浏览器名实验室提供支持。我们的目标是创建一个通用的、基于网标准的平台来解析和呈现pdf格式.

  开源地址:https://github.com/mozilla/pdf.js

  下载后不能直接使用,需要重新构建,不熟悉将会非常麻烦

  构建好的程序包:build_jb51.rar

  示例

  引用文件,直接复制下文可以直接使用

  !DOCTYPE html html head meta http-equiv= Content-Type Content= text/html;charset=utf-8 标题课程详情/title style type= text/CSS /style script src= ~/Scripts/jquery-1。10 .2 .量滴js /script script src= ~/Scripts/plugins/pdf。js /script script src= ~/Scripts/plugins/pdf。工人。js /script脚本类型= text/JavaScript var _ file path=decodeURIComponent(@ file path));//不能跨域var var_win_height=$(window).height();$(文档)。ready(function(){ resetPlayerSize();});$(窗口)。resize(function(){ resetPlayerSize();});函数resetPlayerSize(){ var _ win _ height=$(window).height();$(.tmPlayer).CSS({ height :var _ win _ height px });}/script/head body style= margin:0;overflow:hidden div id= TM player class= TM player style= height:557 px;宽度:100%;height:100% /div script type= text/JavaScript $( .tmPlayer).html( iframe frame border= 0 scrolling= no src=/Scripts/plugins/pdf js/generic/web/viewer。html?file= var _ file path style= width:100%;身高:100%;/iframe’);/script/body/html以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: