首页 > 其他分享 >Android加载PDF方案(pdf.js,支持缩放)

Android加载PDF方案(pdf.js,支持缩放)

时间:2022-10-14 16:01:20浏览次数:60  
标签:缩放 js PDF pdf webSettings true 加载

都知道,Android本身的webview是不支持pdf加载的(比不上iOS的webview,谁让人家NB呢),因此通过连接Google的一个服务器转换成功后返回给WebView显示。但是,但是,但是呢,大家都懂的,天朝和Google之间有一道高高的墙。方法还是贴出来,作为国际化APP的一种方案。

今天我们使用的是pdf.js来实现,经过一番对比,我还是选择了Moliza开源的Pdf.js。

 1 1. Mozilla PDF.js
 2 什么是PDF.js
 3 PDF.js、pdf.js是一款使用HTML5 Canvas安全地渲染PDF文件以及遵从网页标准的网页浏览器渲染PDF文件的JavaScript库。
 4 
 5 简介
 6 PDF.js是一个使用HTML5构建的PDF查看器。由社区驱动并得到Mozilla Labs的支持。该项目的目标是创建一个通用的、基于Web标准的平台来实现PDF文件的解析与展示。
 7 
 8 提到Mozilla基金会,大家最熟悉的可能就是Firefox了,是的,它是一个非常有名的开源组织,其作品火狐浏览器深受全球大量用户的喜爱(虽然近期的版本不是那么给力)。而今天的主角PDF.js也是该组织的作品,Github上高达25K的stars充分说明该项目所受的关注度和该组织的号召能力。
 9 
10 集成
11 首先明确说明一点,我们可以让后端服务器集成PDF.js,然后进行一下跳转,这样App端直接通过WebView进行访问就能预览PDF了,但显然这跟今天的主题关系不大,就不细说了(实际上也没啥要细说的,都是后端的活儿),只说Android端的使用。
12 
13 首先,下载PDF.js的全部源码,包括一些图片资源、css文件等。可以下载最新的release包,也可以直接下载master分支,反正基本上都没有严重的问题,求稳就选择release版本吧。然后解压到一个目录中并给一个合适的命名,这里我把这个目录命名为pdf_js。然后把这个目录及所有的文件都复制到App的assets目录下。OK,集成工作就算是完成了,下面就是具体的使用了。
Mozilla PDF.js

 

webview配置setting 

public void initView() {
        WebSettings webSettings = pdfViewerWeb.getSettings();
        webSettings.setJavaScriptEnabled(true);

        webSettings.setPluginState(WebSettings.PluginState.ON);
        webSettings.setAllowContentAccess(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        /**
         * 简单来说,该项设置决定了JavaScript能否访问来自于任何源的文件标识的URL。
         * 比如我们把PDF.js放在本地assets里,然后通过一个URL跳转访问来自于任何URL的PDF,所以这里我们需要将其设置为true。
         * 而一般情况下,为了安全起见,是需要将其设置为false的。
         */
        webSettings.setAllowUniversalAccessFromFileURLs(true);

    }
webview配置setting
加载本地PDF文件:
webView.loadUrl(“file:///android_asset/pdf_js/web/viewer.html?file=file://” + path);

加载在线PDF文件:
webView.loadUrl(“file:///android_asset/pdf_js/web/viewer.html?file=” + url);
加载PDF文件:

 

 

 

 

 

 

转自:https://www.it610.com/article/1280611663862579200.htm

https://juejin.cn/post/7017840637450043422

https://zhuanlan.zhihu.com/p/439564183

标签:缩放,js,PDF,pdf,webSettings,true,加载
From: https://www.cnblogs.com/zt007/p/16791845.html

相关文章

  • egg.js 24.3-24.5router路由相关
    编写路由基础用法//router.jsrouter.get('/admin/:id',controller.admin.index);//controllerasyncindex(){const{ctx}=this;//获取路由get传值参数(路由......
  • egg.js 24.1创建egg.js项目
    安装egg.js全局切换镜像:npmconfigsetregistryhttps://registry.npm.taobao.org我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目(​​npm>=6.1.0​​):mkdireg......
  • JSP页面实现验证码校验
    目录验证码校验分析生成验证码测试验证码校验验证码测试验证码校验添加验证码刷新在网页页面的使用中为防止“非人类”的大量操作和防止一些的信息冗余,增加验证码校验是许......
  • js 数组对象中每一项对象属性比较大小与计算数组对象属性和
    //数组对象排序方法 exportfunctioncompare(property){   returnfunction(a,b){    constvalue1=a[property]    constvalue2......
  • js用循环添加精灵图的坐标
    用循环添加精灵图的坐标完成效果:css样式代码:<style>ul{width:180px;}li{list-style:none;......
  • JS高级用法-清空数组
    letarr=[12,43]arr.slice(0)//克隆数组arr.splice(0)//克隆数组,意思是返回一个新的数组,arr变为[]arr.length=0//清空数组arr变为[]//也就是说,清空数......
  • TZOJ 1693:银牛派对(最短路/dijstra)
    描述 N个农场(1≤ N ≤1000)中的每一个都有一头奶牛,编号为1.. N将参加在农场# X(1≤ X ≤ N)举行的大型奶牛聚会。总共有M (1≤ M ≤100,000)条单向(单向......
  • P4053 [JSOI2007] 建筑抢修
    [JSOI2007]建筑抢修题目描述小刚在玩JSOI提供的一个称之为“建筑抢修”的电脑游戏:经过了一场激烈的战斗,T部落消灭了所有Z部落的入侵者。但是T部落的基地里已经有......
  • js关闭二维码
    关闭二维码<style>.box{width:300px;height:100px;margin:100pxauto;position:relative;......
  • 高性能 Jsonpath 框架,Snack3 v3.2.44 发布
    Snack3,一个高性能的JsonPath框架借鉴了Javascript所有变量由var申明,及Xmldom一切都是Node的设计。其下一切数据都以ONode表示,ONode也即Onenode之意,代表任何......