微信小程序实现文件预览


Posted in Javascript onOctober 22, 2020

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

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

预览

wxml代码:

<button bindtap='preview'>简历预览</button>

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)
  }
  })
 }
 })
 }
 },

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 文档的编码问题解决
Mar 01 Javascript
学习ExtJS Window常用方法
Oct 07 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
Jan 02 Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 #Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 #Javascript
vue实现下拉菜单树
Oct 22 #Javascript
Javascript柯里化实现原理及作用解析
Oct 22 #Javascript
Node.js fs模块原理及常见用途
Oct 22 #Javascript
使用vue构建多页面应用的示例
Oct 22 #Javascript
vue 单页应用和多页应用的优劣
Oct 22 #Javascript
You might like
十天学会php之第二天
2006/10/09 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
深入解析php之sphinx
2013/05/15 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
vue.js组件之间传递数据的方法
2017/07/10 Javascript
ES6的异步终极解决方案分享
2019/07/11 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
Flask项目中实现短信验证码和邮箱验证码功能
2019/12/05 Python
python turtle工具绘制四叶草的实例分享
2020/02/14 Python
python GUI库图形界面开发之PyQt5单选按钮控件QRadioButton详细使用方法与实例
2020/02/28 Python
python高级特性简介
2020/08/13 Python
Django配置跨域并开发测试接口
2020/11/04 Python
《世界多美呀》教学反思
2014/03/02 职场文书
捐献物资倡议书范文
2014/05/19 职场文书
服务承诺书格式
2014/05/21 职场文书
2014年安全生产责任书
2014/07/22 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
2014年政风行风工作总结
2014/11/22 职场文书
格林童话读书笔记
2015/06/30 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python