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}`)
			// }
		}
	});
},
相关推荐
Rysxt_20 分钟前
UniApp五大UI框架与uni-ui核心区别对比
uni-app·uni-ui
2501_915918412 小时前
HTTPS 代理失效,启用双向认证(mTLS)的 iOS 应用网络怎么抓包调试
android·网络·ios·小程序·https·uni-app·iphone
AAA_搬砖达人小郝3 小时前
Markdown 一键生成完美 Word(.docx) + PDF 的完整实战方案(JDK 8 环境亲测可用)
pdf·word
2501_915106324 小时前
混合应用(Hybrid)安全加固,不依赖源码对成品 IPA 混淆
android·安全·小程序·https·uni-app·iphone·webview
00后程序员张5 小时前
无需越狱,来对 iOS 设备进行调试、管理与分析
android·ios·小程序·https·uni-app·iphone·webview
芒果大胖砸5 小时前
uniapp当中如何实现长按复制功能并且能够自由选择内容
开发语言·javascript·uni-app
00后程序员张5 小时前
在 iOS 上架中如何批量方便快捷管理 Bundle ID
android·ios·小程序·https·uni-app·iphone·webview
换日线°6 小时前
uni-app对接腾讯即时通讯 IM
前端·uni-app
咚咚?6 小时前
uniapp [JS Framework] 当前运行的基座不包含原生插件[xxxx],请在manifest中配置该插件,重新制作包括该原生插件的自定义运行基座
开发语言·javascript·uni-app
木子啊6 小时前
Uni-app生命周期:执行顺序与避坑指南
前端·javascript·uni-app