用pdf.js在手机APP端显示服务器端PDF文件

最新推荐文章于 2024-07-03 14:20:46 发布
最新推荐文章于 2024-07-03 14:20:46 发布
阅读量3.8k 收藏 1
点赞数 1
文章标签： pdf 服务器 网络 手机APP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37271466/article/details/81707983
版权
本文档详细介绍了如何在Android Studio的手机APP中利用pdf.js库加载并显示服务器端的PDF文件。首先，需要在APP的assets目录下放置pdfjs库文件，然后在Activity中设置WebView，并通过WebViewClient和WebSettings配置JavaScript支持和防止密码保存。最后，通过loadUrl方法加载服务器PDF文件的本地路径，实现文件在WebView内的预览。同时，还提供了修改viewer.html以解决跨域问题和隐藏侧边栏的建议。
摘要由CSDN通过智能技术生成

http://mozilla.github.io/pdf.js/getting_started/#download

 下载网址 选择

Stable(v11.9.426）版本

在AndroidStudio 建立的工程的app下的main目录 右键--new--Folder--Assets Folder.

  在main 目录下会新建一个assets 目录。将下载的pdfjs-1.9.426-disk全部复制到assets 目录下

 

 

 

 


在Activity文件中调用并在 xml 文件中显示服务器上的PDF文件 url是“http://xxx.xxx.xxxx....aaa.pdf”

public class XXXXXActivity extends BaseActivity {
    private WebView pdfWebView;
    private String url;//pdf服务器地址
    

最低0.47元/天 解锁文章
零一零一
关注
手机端PDF展示js(无插件无需安装，兼容各浏览器)
05-11
只要下载pdf.js，然后把pdf的url传入调用界面即可，不用flash或者安装插件
手机端pdf文件预览pdf.js使用方法详解
weixin_45966674的博客
12-16 2666
虽然H5页面可以通过A直接访问html 但可惜的是 手机端H5页面这样做就直接变下载了 那么想要实现手机端的pdf文件预览就需要用到pdf.js了 首先 我们访问地址 http://mozilla.github.io/pdf.js/ 下载完成后我们在下载的东西中找到 pdfjs文件夹 和 php.js 就这两个东西就够了 然后我们在页面中引入 php.js <script type="text/javascript" src="./php.js"></script&g
使用pdf.js在Vue、React中预览Pdf文件,支持PC端、移动端
lhz_19的博客
07-03 1598
PDF链接要渲染在页面上，pc端浏览器是可以直接显示PDF的，但是移动端浏览器、微信浏览器等不支持直接预览，打开以后会触发下载机制，通过尝试，最终选择了使用pdf.js。
PDF展示 手机端展示pdf文件 （引入的是pdf.js）（需要将文件放到服务中）（亲测有效）
05-13
PDF展示 手机端展示pdf文件 （引入的是pdf.js）（需要将文件放到服务中）（亲测有效）
基于pdf.js在android内部显示pdf文件
08-07
在安卓内部显示pdf文件
Android 使用PDF.js浏览pdf
weixin_34319817的博客
03-13 277
Android的WebView做不到ios的WebView那样可以很方便的直接预览pdf文件。要实现利用WebView预览pdf我们可以使用谷歌文档服务： mWebView.loadUrl("http://docs.google.com/gviewembedded=true&amp;url=" + pdfUrl); 复制代码这种方式国内网络环境是不用考虑的。当然也有替代的方案：我们可以使用mozi...
pdf.js 手机端或H5显示pdf
12-28
pdf.js 手机端或H5显示pdf
Android应用内加载pdf 使用pdf.js
a1466850214的博客
04-02 7438
当前在Android应用浏览pdf大概几种方式 1、直接打开各种浏览器或者软件（缺点用户无法在应用内直接看到pdf，效果不好） 2、android-pdf-viewer在应用中可以直接看到，通过一系列封装可能实现大部分要求（缺点将pdf转成图片加载，文本性质的pdf无法选择复制） 3、腾讯X5内核腾讯浏览服务-SDK下载；（缺点集成麻烦，部分情况x5内核还需要在应用内下载） 4、mupdf（集成超级麻烦，我连稀得看没稀得看） 5、pdf.js （满足大部分要求了，缺点需要js、h5稍微知道点）..
小程序预览PDF文件插件Pdf.js
11-20
本文将详细介绍如何使用"小程序预览PDF文件插件Pdf.js"，以及在Uniapp框架中实现PDF预览的步骤。 Pdf.js是由Mozilla开发的一款开源JavaScript库，它允许在Web浏览器中直接预览PDF文件，而无需依赖任何其他第三方...
pdf.JS-前端无需跳转在线预览pdf功能
02-03
通过以上步骤，你可以成功地在uni-app中实现前端无跳转的在线预览PDF功能，使得用户无论在手机还是Web端都能顺畅地阅读PDF文档。这个功能的实现不仅可以提升用户体验，也有助于降低服务器的压力，因为所有的处理都在...
pdf js 手机上在线浏览pdf
10-20
pdf 在线浏览，适合手机上的百度文库,flexpaper在andorid手机上，qq浏览器不支持，可以使用pdf.js解决在手机上浏览pdf功能。
Android-pdf.js:适用于Android的Mozilla pdf.js实现
05-15
Noitice：我已经停止了这个项目的开发（因为pdf.js不稳定且不足以满足生产水平），并移至PlugPDF SDK。 从现在开始，我将不再回答任何问题。 随意分叉存储库并使其更好。 Android-pdf.js 适用于Android的Mozilla pdf.js实现。 该项目是一个分支。 所有学分归原始作者所有。 修改了此项目，以便将设备的外部SD卡中的任何pdf文件打开到应用程序的webview中。 随时在您的项目中包含代码。 用法： Uri path = Uri.parse(Environment.getExternalStorageDirectory().toString() + "/data/test.pdf"); webView.loadUrl("file:///android_asset/pdfviewer/index.html?file=" +
Android利用pdfJS浏览pdf（本地，网络）
07-11
支持无限放大，查看本地pdf，网络pdf，点击pdf中的链接的Demo。使用了第三方pdfJS库，因为库比较大，尽量压缩了再放到asset文件中，最后首次使用app后，解压到本地保存后，再直接调用库。
pdfjs，安卓可用。pdf预览。支持各种浏览器，包括ie
11-01
pdfjs，安卓可用。pdf预览。支持各种浏览器，包括ie 需要使用服务器预览效果。部署到tomcat，nginx或者使用HBuilder打开 都可预览。 也可通过url传递pdf路径加名称。 http://127.0.0.1:8020/pdfjs/viewer.html?file=compressed.tracemonkey-pldi-09.pdf 注：暂不支持跨域。只支持同域名访问。
Android利用pdfJS浏览pdf（本地，网络）优化
11-18
支持无限放大，查看本地pdf，网络pdf，点击pdf中的链接的Demo。使用了第三方pdfJS库，因为库比较大，尽量压缩了再放到asset文件中，最后首次使用app后，解压到本地保存后，再直接调用库。
手机端 pdf.js 读取虚拟路径/远程服务器 pdf文件（简单明了）
weixin_44958388的博客
12-19 545
pdf.js 自己下载下 目录结构： 在viewer.js 最前面插入下面代码，作用是获取url参数 （获取文件名） // JS`正则表达式`获取地址栏url参数： function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正...
手机端html5展示pdf,pdf.js移动端展示预览打开pdf-pdfh5.js
weixin_31461519的博客
06-11 4267
pdf.js移动端展示预览打开pdf-pdfh5.js本插件基于pdf.js和jQuery，可手势捏合缩放，支持懒加载(即分段加载)。2019.07.18更新：增加npm install pdfh5使用方式，适应于vue，使用方式和api见github2019.07.17更新：新增配置参数lazy，支持懒加载。2019.07.10更新：新增部分api，配置参数。内部渲染机制改动：先画canvas再...
android+web+to+pdf,Android 使用PDF.js浏览pdf
weixin_34537864的博客
05-26 129
Android的WebView做不到ios的WebView那样可以很方便的直接预览pdf文件。要实现利用WebView预览pdf我们可以使用谷歌文档服务：mWebView.loadUrl("http://docs.google.com/gviewembedded=true&url=" + pdfUrl);这种方式国内网络环境是不用考虑的。当然也有替代的方案：我们可以使用mozilla开源的...
uniapp App端 实现pdf文件在线预览详细不走
最新发布
09-15
在UniApp中实现PDF文件的在线预览，你可以使用一些第三方插件或者JavaScript库，因为原生的UniApp对于直接处理PDF文件并不友好。以下是步骤概述： 1. 引入PDF预览库：可以考虑使用`vue-pdf`或`jsPDF`这样的JavaScript库。在Vue项目中，你需要安装依赖： ``` npm install vue-pdf --save ``` 2. 创建Vue组件：创建一个新的Vue组件，比如`PdfPreview.vue`，并引入所需库的引用。 3. 使用模板语法：在组件模板部分，添加一个iframe，用于显示PDF内容。例如： ```html <template> <div> <iframe src="your-pdf-url" :src="pdfUrl"></iframe> </div> </template> ``` 4. 数据绑定：在组件的script部分，初始化pdfUrl变量，并在需要的时候设置它： ```javascript <script> export default { data() { return { pdfUrl: '' }; }, methods: { loadPdf(url) { this.pdfUrl = url; } } } </script> ``` 5. 调用预览：当你从服务器获取到PDF文件的URL时，通过`loadPdf`方法将其设置给iframe的src属性，如`this.loadPdf('http://example.com/file.pdf')`。 6. 错误处理：考虑到网络请求可能失败，最好加入错误处理，以防用户看不到PDF。 注意事项： - 不同浏览器对PDF的支持可能有所不同，尽量测试在目标设备上的兼容性。 - PDF加载可能会消耗较多流量和时间，优化用户体验很重要。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

零一零一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值