uniapp h5端实现pdf预览

最近有这么一个需求：在h5端实现pdf在线预览

项目是uniapp打包的h5包，部署到nginx上后通过iframe嵌套在app中。

pdfjs pdfh5 vue-pdf 等等 一一测试过后发现，在浏览器时正常，但在移动端无法正常使用，所以在百度后对结果一一进行尝试，最后找到在浏览器跟移动端都适用的插件。 注：由于是晚上并且查询了一天身心俱疲，下载插件后忘记保留原插件地址，且电脑更新后浏览器历史记录丢失，只有压缩包保留，为了记录此问题，我将插件重新上传了git，如有侵权请联系我。

插件地址：GitHub - Tian7n/pdf at master

下载插件，把文件hybrid放到stitic/html下

代码如下

<template>
  <view class="">

      <web-view :src="path"></web-view>

  </view>
</template>

<script>
export default {
  data() {
    return {
      fileUrl: "",//文件路径
      viewerUrl: "/static/pdf/hybrid/pdf.html",//pdf.htm所在路径
      path: "",
    };
  },
  mounted() {
    this.fileUrl = this.$route.query.src;
  },
  onShow() {
    //进行拼接即可
    this.path = `${this.viewerUrl}?url=${this.fileUrl}`;
  },
};
</script>

<style>
</style>