uniapp 在线预览pdf

组件

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

<script>
	export default {
		data() {
			return {
				src: '',
				allUrl: '',
				viewerUrl: '/hybrid/html/web/viewer.html', // 格式化文件流的一个js 文件
			}
		},
		onLoad(options) {
			let fileUrl = encodeURIComponent("文件路径") // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。
			this.allUrl = this.viewerUrl + '?file=' + fileUrl
		},
		methods: {
		}
	}
</script>

<style>

</style>

文件可以私信找我要

你可能感兴趣的:(uni-app,pdf,前端)