uniapp实现app的pdf预览

实现效果

文件准备

static下添加该pdf文件(下载地址:https://gitee.com/shallow-winds/resource_package/tree/master/方法一/html)

使用web-view进行展示:

在这里插入代码片`

复制代码
<web-view :src="url"></web-view>`
data() {
			return {
                url: '',
                viewerUrl: '/static/html/web/viewer.html?file=',
			}
		},

将viewerUrl与pdf地址进行拼接:

复制代码
getquery(id){
                uni.showLoading({
					title: '加载中'
				});
				this.$http.request({
					url: ``,
					method: 'post',
					
				}).then(res => {
					this.url = this.viewerUrl + res.data.articlesUrl
					uni.hideLoading();
				}).catch(res => {
				})
            }
相关推荐
热水养鲨鱼2 小时前
Java实现HTML转PDF(deepSeekAi->html->pdf)
人工智能·pdf·html
盛夏绽放2 小时前
uni-app中获取用户实时位置完整指南:解决权限报错问题
uni-app·notepad++
xixixin_3 小时前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
一夜枫林9 小时前
uniapp自定义拖拽排列
前端·javascript·uni-app
良艺呐^O^9 小时前
uniapp实现app自动更新
开发语言·javascript·uni-app
开开心心_Every14 小时前
体积小巧的 Word 转 PDF 批量工具
pdf
一眼青苔14 小时前
切割PDF使用python,库PyPDF2
服务器·python·pdf
zyk_52016 小时前
前端渲染pdf文件解决方案-pdf.js
前端·javascript·pdf
IDRSolutions_CN18 小时前
如何将 PDF 中的文本提取为 JSON 格式
java·经验分享·pdf·软件工程·团队开发
南博萬19 小时前
java将pdf转换成word
java·pdf·word