pdfh5-移動端pdf預覽

pdfjs在pc端預覽：https://www.cnblogs.com/wuqilang/p/13031290.html

當使用pdfjs在移動端預覽時顯示不出來，pc端調式是可以的，到了手機上 就不行。

 

使用pdfjs：

1、下載：npm install pdfh5

2、使用：

<template>
  <div style="height:100vh;" ref="pdfRef"></div>
</template>
<script>
import Pdfh5 from 'pdfh5'
import 'pdfh5/css/pdfh5.css'
export default {
  mounted() {
    const pdfh5 = new Pdfh5(this.$refs.pdfRef, {
      pdfurl:
        'http://filegateway.test.mistong.com/api/filecenter/fileService/file/947631061519778296.pdf'
    })
    // 監聽完成事件
    pdfh5.on('complete', function (status, msg, time) {
      console.log(
        `狀態：${status}，信息：${msg}，耗時：${time}毫秒，總頁數：${this.totalNum}`
      )
    })
  }
}
</script>