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}`)
			// }
		}
	});
},
相关推荐
硕子鸽2 小时前
UniApp + Dify 实战:详解 SSE 流式响应的解析与前端渲染
前端·uni-app·dify
2501_915918412 小时前
iOS 项目中证书管理常见的协作问题
android·ios·小程序·https·uni-app·iphone·webview
Miketutu2 小时前
[特殊字符] uni-app App 端实现文件上传功能(基于 xe-upload 插件)
前端·vue.js·uni-app
焚 城2 小时前
uniapp 各种文件预览实现
vue.js·uni-app·html
weixin79893765432...2 小时前
uni-app 全面深入的解读
uni-app
2501_915918412 小时前
提升 iOS 应用安全审核通过率的一种思路,把容易被拒的点先处理
android·安全·ios·小程序·uni-app·iphone·webview
大卡拉米2 小时前
前端组件库 PDF、word、Excel预览
前端·pdf·word
00后程序员张2 小时前
APP如何快速上架Apple Store:完整上架流程与常见问题解析
android·小程序·https·uni-app·iphone·webview
ifeng09183 小时前
uniapp开发鸿蒙:跨端兼容与条件编译实战
华为·uni-app·harmonyos
ifeng09183 小时前
uniapp开发鸿蒙:常见问题与踩坑指南
华为·uni-app·harmonyos