最近遇到一个需求，使用h5在移动端页面展示pdf文件的内容，上网搜到了一个插件pdfh5，但是搜了好多博客都没有实现pdf展示成功的效果，综合搜索到的信息总结了一下使用方法，代码如下：

<!-- 展示 -->
<div class="preview-box" ref="previewBox" id="preview-box"></div>

// 引入pdfh5
import Pdfh5 from 'pdfh5'

// res为调用接口拿到的文件信息
let blob = res
let blobURL = window.URL.createObjectURL(blob)
this.pdfh5 = new Pdfh5("#preview-box", {
  pdfurl: blobURL
})
this.pdfh5.on("complete", (status, msg, time) => {
  if (status !== 'success') {
    docx.renderAsync(blob, this.$refs.previewBox)
  }
})

我是通过这种方式实现pdf文件展示的，仅供参考。

前端小白积累经验篇~