微信小程序中预览文档不同平台全文档的兼容处理

最新推荐文章于 2026-03-25 01:28:14 发布

原创

最新推荐文章于 2026-03-25 01:28:14 发布 · 1.3k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种在微信小程序中预览文档的方法，通过判断文档格式决定使用微信API还是webView进行预览，并提供了实现代码。

微信小程序预览文档解决方案

微信小程序中有预览文档的API，但缺点是只能预览固定的几种格式，如下所示

在这里插入图片描述
官方文档地址：wx.openDocument()

如果需求是打开一个.txt文档，这种方法就行不通了，那么怎么办呢？

当然是用万能的webVIew，直接把文档链接放到webView中，绝大多数的时候都能打开，至少我还没遇到过打不开的，如果有人遇到过可以在评论区留言哦。但是用webView也有缺点，我在小程序中做了具体测试，不同文件，不同打开方式的体验，大家可以扫码试一下差别

那么就需要有一种方式，如果能用微信API打开的时候就用API，如果不能打开的时候就跳转webView打开，具体的判断代码如下：

//测试文档地址：http://www.cztouch.com/upfiles/soft/testpdf.pdf
openFile: function (e) {
   
   

    var fileUrlStr = this.data.fileUrl

    var isSupport = false
    if (fileUrlStr.indexOf(".doc") >= 0 || fileUrlStr.indexOf(".docx") >= 0 || fileUrlStr.indexOf(".xls") >= 0 || fileUrlStr.indexOf(".xlsx") >= 0 || fileUrlStr.indexOf(".ppt") >= 0 || fileUrlStr.indexOf(".pptx") >= 0 || fileUrlStr.indexOf(".pdf") >= 0) {
   
   
      isSupport = true
    }