天天看點

Android通過pdfjs在App内預覽PDF檔案

android原生打開pdf檔案方法有多種,但都不是很友善的樣子,經過比較個人選用通過pdf.js這種方法來打開pdf檔案

直接上代碼

1.在src/main檔案夾下面建立assest檔案夾

建立pdf.html檔案和pdf.js檔案

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=2.0,user-scalable=yes"/>
    <title>Document</title>
    <style type="text/css">
        canvas {
          width: 100%;
          height: 100%;
          border: 1px solid black;
        }
    </style>
    <script src="https://unpkg.com/[email protected]/build/pdf.min.js"></script>
    <script type="text/javascript" src="pdf.js"></script>
</head>
<body>
</body>
</html>
           

上面為pdf.html内容,下面為pdf.js内容

var url = location.search.substring(1);
pdfjsLib.cMapUrl = 'https://unpkg.com/[email protected]/cmaps/';
pdfjsLib.cMapPacked = true;
var pdfDoc = null;

function createPage() {
  var div = document.createElement("canvas");
  document.body.appendChild(div);
  return div;
}

function renderPage(num) {
  pdfDoc.getPage(num).then(function (page) {
    var viewport = page.getViewport({scale:2.0});
    var canvas = createPage();
    var ctx = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;
    page.render({
      canvasContext: ctx,
      viewport: viewport
    });
  });
}

pdfjsLib.getDocument(url).then(function (pdf) {
  pdfDoc = pdf;
  for (var i = 1; i <= pdfDoc.numPages; i++) {
    renderPage(i)
  }
});
           

2.在activity 通過webview控件來加載,需要設定支援相應功能

webview需設定

WebView mWebView = (WebView) findViewById(R.id.web_view);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setAllowFileAccess(true);
webSettings.setAllowFileAccessFromFileURLs(true);
webSettings.setAllowUniversalAccessFromFileURLs(true);
webSettings.setSupportZoom(true);
webSettings.setBuiltInZoomControls(true);
webSettings.setDisplayZoomControls(true);      

3.webview加載本地pdf檔案

//打開assets檔案下的pdf檔案
//mWebView.loadUrl("file:///android_asset/xxx.pdf");

//打開網絡下載下傳儲存在本地的pdf檔案,filePath儲存在緩存檔案下的格式 /data/user/0/xxx/cache/xxx.pdf
mWebView.loadUrl("file:///android_asset/pdf.html?" + filePath);