uni-app 微信小程序 pdf预览

html 复制代码
<div @click="getPDF">查看体检报告</div>
js 复制代码
getPDF() {
	uni.downloadFile({
		url: `${this.$baseURL}/file/download?id=${this.pdfFileId}`,//编写在线的pdf地址
		success: function(res) {
			const filePath = res.tempFilePath;
			uni.openDocument({
				filePath: filePath,
				fileType: 'pdf',//这里类型必须是pdf
				success: function(res) {
					console.log('打开PDF成功');
				},
				fail: function(res) {
					console.log('打开PDF失败', res);
				}
			})
		},
		fail: function(res) {
			console.log('下载PDF失败', res);
		}
	})
}
相关推荐
小墨宝15 分钟前
js 生成pdf 并上传文件
前端·javascript·pdf
七七小报1 小时前
uniapp-商城-36-shop 购物车 选好了 进行订单确认2 支付方式颜色变化和颜色滤镜filter
uni-app
lh_12541 小时前
uniapp 常用开发技巧与实战指南
uni-app
某公司摸鱼前端2 小时前
uniapp 仿企微左边公司切换页
前端·uni-app·企业微信
WKK_2 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
晨集2 小时前
Uni-App 多端电子合同开源项目介绍
java·spring boot·uni-app·电子合同
热水养鲨鱼5 小时前
Java实现HTML转PDF(deepSeekAi->html->pdf)
人工智能·pdf·html
盛夏绽放6 小时前
uni-app中获取用户实时位置完整指南:解决权限报错问题
uni-app·notepad++
xixixin_6 小时前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
一夜枫林12 小时前
uniapp自定义拖拽排列
前端·javascript·uni-app