pdf文件如何在安卓手机端不用下载在线预览

由于H5手机端页面，苹果ios手机端支持在线预览，而安卓手机端不行。

解决方案： 使用pdf.js插件。

官网地址：https://mozilla.github.io/pdf.js/

第一步：下载整个文件

第二步：渲染页面

(1):引入相关js文件和css文件

{{--pdfjs在线预览pdf--}}
<script src="{{ asset('assets/js/pdfjs/build/pdf.js?v=20190218')}}"></script>
<script src="{{ asset('assets/js/pdfjs/build/pdf.js?v=20190218')}}"></script>
<script src="{{ asset('assets/js/pdfjs/web/viewer.js?v=20190218')}}"></script>
<link rel="stylesheet" href="{{ asset('assets/js/pdfjs/web/viewer.css?v=20190218')}}">

(2):渲染页面，以a标签，套viewer.html页面，{{$article->pdf}}是pdf文件地址。

<div>
    <a target="_blank" href="/assets/js/pdfjs/web/viewer.html?file={{$article->pdf}}">查看文件.PDF</a>
</div>