uniapp实现app的pdf预览

快乐的二进制鸭2025-02-21 22:27

实现效果

文件准备

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 => {
				})
            }