在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

织梦移动端网页直接打开显示在线预览PDF文件

第一次使用的插件是 pdfobject.js

百度网盘下载地址:http://pan.baidu.com/s/1kUPhYdT
 
加载 <script src="/style/js/pdfobject.js" ></script>
 
<script type="text/javascript">
        window.onload = function (){
            var success = new PDFObject({ url: "pdf文件地址" ,pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'}}).embed("pdf1");
        };
</script>
 
这里有个需要注意的点,id=”pdf1” 这个id等于的一定要跟js里面的embed(“pdf1”)对应起来。
<div id="pdf1" style="width:100%; height:800px;"></div>
 
参考 https://blog.csdn.net/s893334248/article/details/74067032
 
可是发现手机端不能显示pdf文件
 

重新找插件  pdf.js

下载 http://pan.baidu.com/s/1skYRIwd
 
pdf.js框架的魅力所在,为其为HTML5实现的,无需任何本地支持,而且对浏览器的兼容性也是比较好,要求只有一个:浏览器支持HTML5就好了!
 
把generic拷贝到项目中去
用浏览器可以访问默认pdf  http://localhost:8080/generic/web/viewer.html
 
只有在页面中 将pdf文件写入iframe中去
 
pdfurl = $(".con_cn_cn a[href*='.pdf']").eq(0).attr("href");
$("#pdf1").html('<iframe src=" http://localhost:8080/static/generic/web/viewer.html?file='+pdfurl+'" scrolling="no" frameborder="0" style="width:100%; height:100%;"></iframe>');
 
参考  https://www.cnblogs.com/kagome2014/p/kagome2014001.html  
https://blog.csdn.net/lkxxxuan/article/details/111053567?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-0&spm=1001.2101.3001.4242
 

相关文章:

  • 网上有一种方法是copy+unlink来移动文件,但是遇到大文件时会消耗大量时间,对性能不怎么友好,可以使用rename()来移动文件,速度非常快 关于rename()函数 bool rename ( string $oldname , string $newname...

  • 基于我们公司可选的几种推广方式: 一、关键词优化排名推广(推荐) 指定关键词推广,按天付费,推广我们业务中最重要的一些关键词,达到百度首页才收费,大概一个关键词10元/天左右。...

  • 插件介绍 wordpress程序网站在发布文章时可以给每一片文章添加与之相关的TAG标签,对于TAG标签可以生成很多页面,增加搜索引擎对内容的抓取量。 WP Auto Keywords插件就是一款能自动给文章添加...

  • 5.7 生成列表页 改动 include/arc.listview.class.php 1.先设置 关闭副栏目(在系统----系统基本参数性能选项里) 2.一般网站不需要 栏目交叉 交叉 所以 找到94行注释掉: //获得交叉栏目ID /*if($this-Type...

  • 使用preg_replace将删除所有空白(包括制表符等) $string = user na me $string = preg_replace(/\s+/, , $string); echo $string; // username preg_replace(/\s/u, ,$string) u (PCRE8) 此修正符打开一个与perl不兼容的附加功能. 模式...

  • 1、公共相同部分用引入1个静态文件方式,不解析 2、arclist标签进来不使用属性flag、不使用自定义字段addfields、不使用随机、相同部分用引入1个静态文件方式,不解析 3、tag标签或者关键词内链...

  • Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Apache Server at www.XXX.com Port 80 网站症状:单栏目数据量7万+ 生成栏目504错误或者...

  • windows+r打开运行对话框,输入regedit,点击确定打开注册表 按Ctrl+F键打开查找对话框,输入C:\Windows\system32\notepad.exe,-469 找到后双击打开 修改其值为T文本文档 然后右键,按W,按T。就可以快速新...

  • PHP去除BOM头的方法 BOM头是UTF-8来告诉编辑器:我是UTF8编码。它的编码是\xEF\xBB\xBF 但是PHP在设计之初并没有考虑到BOM头的问题,所以在编解码的时候很容易出现问题 代码如下: $result = trim($re...

  • CSS实现图片裁剪居中 其实,css实现起来很简单,只需要设置img的样式:object-fit:none即可,不过你要给img一个高度,因为裁剪嘛 页面:(图片可以自己随便截两张来测试) !--长图片-- div clas...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会
  • 织梦移动端网页直接打开显示在线预览PDF文件

    第一次使用的插件是 pdfobject.js 百度网盘下载地址:http://pan.baidu.com/s/1kUPhYdT 加载 script src=/style/js/pdfobject.js /script script type=text/javascript window.onload = function (){ var success = new PDFObject({ url: pdf文件地...

  • 用php rename()函数移动文件

    网上有一种方法是copy+unlink来移动文件,但是遇到大文件时会消耗大量时间,对性能不怎么友好,可以使用rename()来移动文件,速度非常快 关于rename()函数 bool rename ( string $oldname , string $newname...

  • 传统行业公司可选的几种推广方式

    基于我们公司可选的几种推广方式: 一、关键词优化排名推广(推荐) 指定关键词推广,按天付费,推广我们业务中最重要的一些关键词,达到百度首页才收费,大概一个关键词10元/天左右。...

  • wordpress自动生成tag标签插件-WP Auto Keywords

    插件介绍 wordpress程序网站在发布文章时可以给每一片文章添加与之相关的TAG标签,对于TAG标签可以生成很多页面,增加搜索引擎对内容的抓取量。 WP Auto Keywords插件就是一款能自动给文章添加...

  • dedecms 织梦 数据量达到几十万 生成速度很慢解决办法

    5.7 生成列表页 改动 include/arc.listview.class.php 1.先设置 关闭副栏目(在系统----系统基本参数性能选项里) 2.一般网站不需要 栏目交叉 交叉 所以 找到94行注释掉: //获得交叉栏目ID /*if($this-Type...

  • PHP过滤掉换行符、所有空格、制表符等

    使用preg_replace将删除所有空白(包括制表符等) $string = user na me $string = preg_replace(/\s+/, , $string); echo $string; // username preg_replace(/\s/u, ,$string) u (PCRE8) 此修正符打开一个与perl不兼容的附加功能. 模式...