mpvue PDF文件预览

最新推荐文章于 2023-01-06 15:48:15 发布

树沙&

最新推荐文章于 2023-01-06 15:48:15 发布

阅读量432

点赞数

分类专栏： mpvue 文章标签：前端 mpvue 小程序 pdf预览

本文链接：https://blog.csdn.net/hailangtuteng/article/details/106764876

版权

mpvue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

小程序中PDF文件预览问题

在小程序中可以ios端可以使用 <web-view :src="url"></web-view>

但是在Android端pdf文件会自动下载

解决方案：1 通过判断系统类型是否是ios还是Android，如果是ios端使用<web-view :src="url"></web-view>进行预览

如果是Android 使用小程序文件上传预览方法

// pdf功能预览
    openMaterial(url) {
      wx.getSystemInfo({
        success: function(res) {
          console.log(res.system);
          if (res.system.indexOf("Android") != -1) {
            wx.downloadFile({
              url: url,
              success: function(res) {
                console.log(res);
                var Path = res.tempFilePath; 
                wx.openDocument({
                  filePath: Path,
                  success: function(res) {
                    console.log("打开成功");
                  }
                });
              },
              fail: function(res) {
                console.log(res);
              }
            });
          } else if (res.system.indexOf("iOS") != -1) {
            wx.navigateTo({
              url: "/pages/search/main?url=" + url
            });
          }
        }
      });
    }