企业微信内嵌H5，引入 JS-SDK 调用 wx.previewFile 预览/下载文件（vue2.0适用）

最新推荐文章于 2024-08-19 12:33:19 发布

TrumanGao

最新推荐文章于 2024-08-19 12:33:19 发布

阅读量1.4w

点赞数 6

本文链接：https://blog.csdn.net/TrumanGao/article/details/109741978

版权

本文介绍了如何在基于vue2.0的H5页面中，嵌入企业微信JS-SDK，通过wx.previewFile实现文件预览和下载功能。关键步骤包括引入JS-SDK、配置wx.config以及调用wx.previewFile。特别提醒，文件名需包含后缀，且预览接口需采用特定调用方式。

摘要由CSDN通过智能技术生成

业务场景

基于vue2.0开发企业微信内嵌H5，实现文件下载功能。我司的文件存储路径是阿里云oss，使用其他开放资源也一样。

使用步骤

1. 引入企业微信 JS-SDK

注意：

引入源码必须是 "//res.wx.qq.com/open/js/jweixin-1.2.0.js"，否则 wx.previewFile 会有未知的问题；
vue2.0项目，你可能在有的文章里见过 npm install weixin-js-sdk 方式引入。非官方，不推荐；
你可能会发现，//res.wx.qq.com/open/js/jweixin-1.2.0.js 里找不到previewFile函数，window.wx上也没有。不用在意，previewFile是原生实现的，看不到并不影响调用。

/public/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
  ...
  </head>
  <body>
    <div id="app"></div>
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

最低0.47元/天解锁文章

TrumanGao

关注

6
点赞
踩
24

收藏

觉得还不错? 一键收藏
19
评论
企业微信内嵌H5，引入 JS-SDK 调用 wx.previewFile 预览/下载文件（vue2.0适用）

文章目录业务场景使用步骤1. 引入企业微信 JS-SDK2. 配置 wx.config3. 调用 wx.previewFile附：官方文档业务场景基于vue2.0开发企业微信内嵌H5，实现文件下载功能。我司的文件存储路径是阿里云oss，使用其他开放资源也一样。使用步骤1. 引入企业微信 JS-SDK注意：引入源码必须是 "//res.wx.qq.com/open/js/jweixin-1.2.0.js"，否则 wx.previewFile 会有未知的问题；vue2.0项目，你可能在有的文章里
复制链接

扫一扫