uni-app 微信小程序 pdf预览

最新推荐文章于 2025-07-31 10:35:49 发布

原创最新推荐文章于 2025-07-31 10:35:49 发布 · 920 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #微信小程序 #pdf

uni-app&微信小程序专栏专栏收录该内容

20 篇文章

订阅专栏

文章讲述了在使用uni-app开发中，如何通过`uni.downloadFile`函数下载体检报告PDF，并利用`openDocument`功能打开并预览文件的过程，包括文件路径管理和可能的错误处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div @click="getPDF">查看体检报告</div>

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);
		}
	})
}