好资源导航 » 文章资讯 » 微信小程序实现文件预览

微信小程序实现文件预览

2023-07-13 11:58:03 70

微信小程序的文件预览，供大家参考，具体内容如下

微信小程序的文件预览需要先使用wx.downloadFile下载文件，然后使用下载文件的临时路径通过wx.openDocument进行文件的

预览

wxml代码：

简历预览

js代码：

//简历预览
preview:function(){
varthat=this;
console.log("简历预览")

//这里的value是先在data里面初始化，然后我根据用户切换单选框，获取的简历文件的主键id
console.log(this.data.value)
varid=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){
varfilePath=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)
}
})
}
})
}
},

为大家推荐现在关注度比较高的微信小程序教程一篇：《微信小程序开发教程》小编为大家精心整理的，希望喜欢。

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

返回顶部
514930285
czq8825@qq.com

微信小程序实现文件预览

热门推荐

随机推荐