uni-app打包微信小程序打开doc等文档文件的方法_uni.opendocument 怎么在微信打开-程序员宅基地

技术标签: 微信小程序  vue  

//resume是一个json,suffix是后缀名,src是文件服务器地址
<image v-if="resume.suffix === 'pdf'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/pdf.png" :data-src="resume.url" @tap="previewDocument"></image>
<image v-else-if="resume.suffix === 'doc' || resume.suffix === 'docx'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/word.png" :data-src="resume.url" @tap="previewDocument"></image>
<image v-else-if="resume.suffix === 'xls' || resume.suffix === 'xlsx'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/excel.png" :data-src="resume.url" @tap="previewDocument"></image>
<image v-else-if="resume.suffix === 'ppt' || resume.suffix === 'pptx'" mode="aspectFill" class="uni-uploader__img" src="/static/img/approval/ppt.png" :data-src="resume.url" @tap="previewDocument"></image>
<image v-else mode="aspectFill" class="uni-uploader__img" src="/static/img/work/record.png" :data-src="resume.url" @tap="downloadFile"></image>

js:

            previewDocument: function(e) {
				var current = e.target.dataset.src
				uni.showLoading({
					title: '正在加载文件...',
					mask: true
				})
				uni.downloadFile({
					url: current,
					success: function(res) {
						uni.hideLoading()
						let filePath = res.tempFilePath
						uni.openDocument({
							filePath: filePath,
							success: function(res) {
								console.log('打开文档成功')
							},
						});
					},
					fail() {
						uni.hideLoading()
					}
				});
			},
			downloadFile: function(e) {
				uni.showToast({
					title: '该类型附件不支持查看',
					icon: 'none',
					mask: true,
					duration: 3000
				})
			},

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35181466/article/details/114581008

智能推荐

udev轻松上路(转)_udev 100.tar.bz2-程序员宅基地

文章浏览阅读2.3k次。原贴:http://blog.chinaunix.net/u/17928/showart_343417.html udev轻松上路(转) _udev 100.tar.bz2

非线性规划_nonlinear programming: analysis and methods-程序员宅基地

文章浏览阅读2.1k次。  nonlinear programming  具有非线性约束条件或目标函数的数学规划,是运筹学的一个重要分支。非线性规划研究一个 n元实函数在一组等式或不等式的约束条件下的极值问题,且目标函数和约束条件至少有一个是未知量的非线性函数。目标函数和约束条件都是线性函数的情形则属于线性规划。  简史 非线性规划是20世纪50年代才开始形成的一门新兴学科。1951年H.W.库恩和A.W.塔克发_nonlinear programming: analysis and methods

Raid常见命令-程序员宅基地

文章浏览阅读2.3k次。软件raid:查看raid级别,状态等信息 #cat /proc/mdstat 硬件raid:查看raid的厂商,型号,级别 #dmesg | grep -i raid #cat /proc/scsi/scsi 硬件raid最佳的办法是通过已安装的raid厂商的管理工具来查看,..._raid命令

Echarts开发笔记-程序员宅基地

文章浏览阅读75次。图表重新刷新 myChart.setOption(option) echarts生成的图表大小怎么随屏幕的大小改变自适应 在setoption之后添加这段代码:window.onresize = myChart.resize;多个需要这么写window.onresize = func..._echarts添加电子围栏

去除二值化图像横向离散点_c# 栅格去除离散点-程序员宅基地

文章浏览阅读3.8k次。 //去横向离散: int n = 50; //横向离散点连续数,小于的,就去除; for (int i = 0; i { for( int j = 0 ; j { for( int nTemp = 0 ; nTemp { if ( gradient[i*linebyte+j + nTemp] != 0) { if ( ( j + n_c# 栅格去除离散点

windows下OpenCV库安装_windows的opencv库没有mappergradproj-程序员宅基地

文章浏览阅读833次。 由于大量的学习笔记在windows下,一直切ubuntu不是很舒服,所以想着在windows下安装OpenCV库来进行日常的练习。由于在ubuntu上一直使用Clion,在windows下我也选择Clion而不是vs。准备工作 本此安装的OpenCV版本为3.4.5包括contribe库。需要下载的安装包及步骤见这个博客:MinGW-w64编译OpenCV-3.4.5但其中有一些步骤需要调整。源文件修改 由于种种因素,在使用cmake编译时,可能会有很多的文件下载不来。因此建议更换下载地址,将_windows的opencv库没有mappergradproj

随便推点

vba excel编程三日谈(1)_vba可以用spring嘛-程序员宅基地

文章浏览阅读4w次,点赞17次,收藏90次。最近由于要修改一个excel report,见识了vba的强大。 这个report是一个大牛3年前写的,每天只需打开该文件, 就会自动连接oracle的dev和uat数据库读取最新的市场数据, 生成6个透视图,并比较dev和uat的数据的异同。vba操作数据之方便,生成的report之复杂,深深的吸引了我, 于是乎觉得不学点vba真的对不起老本行。花了3天时间学习, 目前觉得基本可以满足大多数需求,即便是有不懂的地方, 也知道在哪里查资料,该怎么查资料。为了防止自己很快忘记, 于是有了vba excel编程_vba可以用spring嘛

jsp及Servlet经典面试题以及答案_servlet、jsp简答题-程序员宅基地

文章浏览阅读4.2w次,点赞10次,收藏72次。1、jsp有哪些内置对象作用分别是什么答:JSP共有以下9种基本内置组件(可与ASP的6种内部组件相对应): request 用户端请求,此请求会包含来自GET/POST请求的参数 response 网页传回用户端的回应 pageContext 网页的属性是在这里管理 session 与请求有关的会话期 application servlet 正在执_servlet、jsp简答题

windows自带局域网扫描IP_windows ip 扫描-程序员宅基地

文章浏览阅读4.9w次,点赞8次,收藏10次。运行arp -a显示同一个VLAN下的所有IP及其MAC其他VLAN的IP并没有显示_windows ip 扫描

veriwell仿真,内置函数学习-程序员宅基地

文章浏览阅读372次。1.学习内置函数编写方法。 verisys.cc文件内如下内容 s_tfcell verisystfs[] = { /*** Template for an entry: { usertask|userfunction, data, checktf(), sizetf(), ..._dist_uniform

Mac OSX上利用Docker和Netbeans 搭建编译和开发 linux c/c++程序环境-程序员宅基地

文章浏览阅读317次。最近碰到一个问题,想要测试一些 c++的开源组件,但是本身的电脑是 MacBook 但是又不想安装虚拟机 经过几轮的测试和研究基本搞定,记录下来 。 思路是,首先在 Mac OSX上的执行文件规范和 Linux上的执行文件规范是不一样的 所以想要达到的效果是,开发是在mac的漂亮的 ..._macos network extension编译

环境变量的变量名可以随便写么_环境变量的变量名可以乱写吗?-程序员宅基地

文章浏览阅读8.6k次。环境变量的变量名可以随便写在配置path的时候能对应上就可以path里是配置执行文件的路径 一般通过环境变量指向bin例如下图 在export 时把定义的变量名输出..._环境变量的变量名可以乱写吗?

推荐文章

热门文章

相关标签