uniapp PDF文件预览/打开

兼容微信小程序/h5/ios/android

在微信小程序环境下需要配置pdf域名

javascript 复制代码
pdfPreview(url){
	var title = '预览'
	uni.showLoading({ title: '加载中', mask: true })
	//由于android 下webview无法直接打开pdf,需要先下载
	uni.getSystemInfo({
		success: res => {
			console.log(res.platform);
			// if (res.platform === 'android') {
				wx.downloadFile({
					url: url,
					// filePath: wx.env.USER_DATA_PATH  + "/我的协议.pdf",
					success: function(res) {
						const filePath = res.tempFilePath;
						uni.showLoading({ title: '正在打开', mask: true })
						wx.openDocument({
							filePath: filePath,
							showMenu: true, // 显示右上角菜单
							fileType: "pdf",
							success: function(res) {
								uni.hideLoading()
								console.log('打开文档成功');
							},
							fail: function(err) {
								uni.hideLoading()
								console.log('fail:' + JSON.stringify(err));
							}
						});
					}
				});
			// } else {
			// 	this.$tab.navigateTo(`/pagesA/common/webview/index?title=${title}&url=${url}`)
			// }
		}
	});
},
相关推荐
阿伟来咯~4 小时前
一些 uniapp相关bug
uni-app·bug
一个处女座的程序猿5 小时前
LLMs之PDF:zeroX(一款PDF到Markdown 的视觉模型转换工具)的简介、安装和使用方法、案例应用之详细攻略
pdf·markdown·zerox
Dxy12393102165 小时前
python下载pdf
数据库·python·pdf
周亚鑫5 小时前
vue3 pdf base64转成文件流打开
前端·javascript·pdf
一名技术极客7 小时前
Vue2 doc、excel、pdf、ppt、txt、图片以及视频等在线预览
pdf·powerpoint·excel·文件在线预览
瑶琴AI前端7 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
mosen8688 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
尚梦16 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
S. Dylan20 小时前
Edge浏览器打开PDF无法显示电子签章
edge·pdf
一马平川的大草原20 小时前
如何基于pdf2image实现pdf批量转换为图片
计算机视觉·pdf·文件拆分