vue 预览PDF

下载

https://mozilla.github.io/pdf.js/getting_started/#download

放在这个位置

完整代码

<template>
  <div class="pdf">
    <iframe :src="pSrc" width="100%" height="100%"></iframe>
  </div>
</template>

<script>
export default {
  data () {
    return {
      pSrc: ''
    }
  },
  mounted () {
    this.loadPDF()
  },
  methods: {
    loadPDF () {
      const baseurl = '地址放在这里'
      const pSrc = baseurl + '?r=' + new Date()
      this.pSrc = '../../pdfjs/web/viewer.html?file=' + encodeURIComponent(pSrc) + '.pdf'
    }
  }
}
</script>

<style lang='less'>
.pdf {
  width: 100%;
  height: 100%;
}
</style>

报错

在 public/pdfjs/web/viewer.js中找到validateFileURL注释掉即可

  // validateFileURL(file);