微信小程序实现文件预览

更新时间：2020 年 10 月 22 日 16:59:57 作者：

本文主要详细介绍微信小程序实现文件预览。文中的示例代码非常详细，具有一定的参考价值。有兴趣的朋友可以参考一下。

微信小程序文件预览供大家参考。详情如下

微信小程序的文件预览需要使用wx。先下载文件，然后使用下载文件的临时路径使用wx。

预览

wxml代码：

简历预览

js代码：

//简历预览 preview: function () { var that = this; console.log("简历预览") //这里的value是先在data里面初始化，然后我根据用户切换单选框，获取的简历文件的主键id console.log(this.data.value) var id = that.data.value; if (id == "") { wx.showModal({ title: '', content: '请选择一份简历', showCancel: false, confirmColor: "#FFB100" }) } else { //先通过简历的主键id,查询简历路径（大家可以根据自己的需求来传数据） wx.request({ url: app.globalData.url + "/api/interview/queryFilePath", data: { id: id }, method: 'POST', header: { "content-type": "application/x-www-form-urlencoded" }, success: function (res) { console.log(res.data) that.setData({ path: res.data.path, type: res.data.type }) //下载简历 wx.downloadFile({ url: app.globalData.url + that.data.path, success: function (res) { var filePath = res.tempFilePath console.log(filePath) //预览简历 wx.openDocument({ filePath: filePath, fileType: that.data.type, success: function (res) { console.log("打开文档成功") console.log(res); }, fail: function (res) { console.log("fail"); console.log(res) }, complete: function (res) { console.log("complete"); console.log(res) } }) }, fail: function (res) { console.log('fail') console.log(res) }, complete: function (res) { console.log('complete') console.log(res) } }) } }) } },

推荐一个现在关注度很高的微信小程序教程：《微信小程序开发教程》小程序开发预览，由小编精心整理，希望大家喜欢。

以上就是本文的全部内容。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。