uniapp pdf阅读器

我也是看的别人的文章，在这里给自己做个笔记，毕竟好记性不如烂笔头

pdf地址格式：http://xxxx.xx.xx/xxx.pdf  反正就是网址就行了

<template>
	<view style="width: 100%;">

		<web-view :src="allUrl"></web-view>



	</view>
</template>

<script>
	//h5不能用，只能android用
	import {
		baseUrl
	} from '../../js/config.js';
	 
	export default {
		data() {
			return {
				src: '',
				allUrl: '',
				viewerUrl: '/hybrid/html/web/viewer.html', // 格式化文件流的一个js 文件 文末会分享出来
			}
		},
		onLoad(options) {
			let fileUrl = encodeURIComponent(baseUrl + options.pdf_url) // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。pdf地址格式：http://xxxx.xx.xx/xxx.pdf  反正就是网址就行了
			console.log(fileUrl)
			this.allUrl = this.viewerUrl + '?file=' + fileUrl;
			
			 
			
		}

	}
</script>

<style>
	page {
		background: #f3f3f3;
		overflow-x: hidden;
	}

	* {
		box-sizing: border-box;
	}
</style>

image.png