移动端展示pdf(在线打开pdf)

需求:在手机微信浏览器或者其他浏览器中打开pdf

准备:前端插件:查找pdf.js  官网地址:http://mozilla.github.io/pdf.js/ 在官网中下载demo

注释:pdf的demo 必须在web项目中打开,所以必须得部署web项目

官方API,如下

画方框的文件目录结构,请不要更改,直接在下载的demo中拷贝出来

demo 地址:

web 项目中文件的目录

testPdf.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
        <button>在线浏览pdf</button>
</body>
<script type="text/javascript">
    function browserPdf()
    {
        $.ajax({
            url: ‘http://192.168.1.110:8060/mypdf/testPDF.pdf,
            type: "get",
            success: function(xhr, data){
                if (navigator.userAgent.indexOf(‘Android‘) > -1) {
                    //判断移动端是android 还是ios ,若是android 则要借助pdf插件
                    window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url;
                } else {
                    //ios直接打开pdf
                    //window.location.href = url;
                    window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url;
                }
            },
            error: function(){
                        //window.location.href = ‘${ctx}/core/user.androidPdf.do?mid=‘+mid+"&name="+storagename+"&realname="+realname;
                window.location.href = "http://192.168.1.110:8060/js/web/viewer.html?file="+url;
            }
        });
    }

</script>
</html>

项目启动,之后进行访问

效果图:

原文地址:https://www.cnblogs.com/blogxiao/p/8178395.html

时间: 2024-10-08 08:10:19

移动端展示pdf(在线打开pdf)的相关文章

PDF在线浏览 pdf.js

1.下载pdf.js pdf.js兼容性好,适合各个平台 下载为pdf.js的demo,修改里面PDF.html即可 下载地址 2.直接打开报错,需在Tomcat中运行 3.直接打开,报错 PDF.js v2.3.200 (build: 4ae3f9fc) Message: Missing PDF "file:///D:/java/Tomcat/apache-tomcat-8.5.50/webapps/pdf/2.pdf". 原文地址:https://www.cnblogs.com/m

在线打开浏览PDF文件的各种插件

实现在线浏览PDF文件的实用jQuery插件 阅读目录 PDFObject pdf.js jsPDF jQuery Media Plugin Google Docs PDF viewer ZOHO Viewer Anychart:使用JavaScript导出PDF jQuery Document Viewer 在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题

简单的移动端打开pdf文件。

业务需要,在做一个医疗产品类型的项目.其中大多是对医疗设备的一系列处理方案.最近产品需求需要给每个产品型号添加一个pdf类型的产品使用说明详情. 简单的说就是在产品这个表中加一个字段存储pdf文件,用户在微信端扫描二维码可以查看这个pdf文件的内容.这是需要,接下来是具体的实现: 这个东西之前是没有接触过的,只知道很多应用自带的有pdf解析器,比如qq.qq解析pdf文件样式是很好看的,但是目前没有找到类qq方面的解析pdf方法,在网上搜索用到的最多的就是使用pdf.js去解析. 首先去官网上下

C#下载http/https的pdf、excel等文件(非在线打开,绕开插件)

非本服务器文件,如PDF,excel等,下载一般是通过href='远程文件的http或者https'的方式下载,但是如果浏览器已经有PDF插件了,则用href不是下载,而是在线打开了,影响体验,所以远程服务器文件下载改为后台的方式下载,可以绕开插件.代码如下: string url = hidFilePath.Value;//文件的地址:如http://emec.h.c/pdf/test.pdf string filename = hidFileName.Value;//导出的文件名称:如测试导

Jquery Media插件使用,解决在线预览及打开PDF文件

用到过PDF的媛媛and猿猿们,总会发现这大千世界之万能播放器插件,总能少了对媒体控制的接口. 你总会发现PDF无法像img图片一样正常加载展现出来,那么我们在通用语法的基础上拓展出了适用于预览及打开的PDF插件便于开发应用. 最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了. 该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverl

动态PDF在线预览

实战动态PDF在线预览及带签名的PDF文件转换 开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线

实战动态PDF在线预览及带签名的PDF文件转换

开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线浏览PDF文件的实用插件,笔者选择pdf.js,

ppt格式转pdf在线转换器

ppt格式转pdf在线转换器如何将ppt转换成pdf以及ppt转换成word?工作中经常会遇到类似文档的格式需要相互转换.不少人也知道利用第三方转换工具可以转换,但是又有多少人知道其实ppt可以在线迅速转换成pdf和word的呢?本章就教大家ppt如何在线转换成pdf和word. 要把ppt转换成pdf其实很容易.①百度访问网站迅捷在线ppt转换成pdf转换器就可以了,打开在线pdf转换器平台,鼠标点击选中“ppt转pdf”并上传需要转换的ppt文件;②接着上传需要转换的ppt文件;然后,上传完

pdf在线转换成word免费版的转换器

pdf在线转换成word免费版的转换器应该说,PDF文档的规范性使得浏览者在阅读上方便了许多,但是倘若要从里面提取些资料,实在是麻烦,有没有一个快捷pdf在线转换成word免费版的转换器迅速实现软件转换呢?事实上无需下载专业电脑端软件在线瞬间实现转换. 网上在线的PDF转换软件很多,但是能够达到完美转换效果的转换器少之又少,尤其是带图片,文字混排的,并不容易转换.这里本人也是经过千辛万苦才获得的一款不错的PDF转换软件,跟网友分享一下: 1.word,excel,ppt作为微软office套件中