123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <template>
- <view class="content"><web-view :src="url"></web-view></view>
- </template>
- <script>
- export default {
- data() {
- return {
- // pdf.js的viewer.htm所在路径
- // 注意:静态的html文件需要放在根路径下的 hybrid/html 文件夹中
- viewerUrl: '/static/hybrid/html/web/viewer.html',
- // 要访问的pdf的路径
- fileUrl: 'https://yuleifanhua.oss-cn-shanghai.aliyuncs.com/MES%E5%8F%8AWMS%E4%BA%91%E5%B9%B3%E5%8F%B0%E5%90%88%E5%90%8C.pdf',
- // 最终显示在web-view中的路径
- url: ''
- };
- },
- onLoad(options) {
-
- // h5,使用h5访问的时候记得跨域
- // #ifdef H5
- this.url = `${this.viewerUrl}?file=${encodeURIComponent(options.url)}`;
- // #endif
-
- // 在安卓和ios手机上
- // 判断是手机系统:安卓,使用pdf.js
- // #ifdef APP-PLUS
- if(plus.os.name === 'Android') {
- this.url = `${this.viewerUrl}?file=${encodeURIComponent(options.url)}`;
- }
- // ios,直接访问pdf所在路径
- else {
- this.url = encodeURIComponent(options.url);
- }
- // #endif
- },
- methods: {}
- };
- </script>
- <style>
- </style>
|