uniapp web-view（pdf app端打开下载问题）

1，app端问题

app端pdf预览直接下载

需要引入一个文件夹 （hybrid） 下载地址点击

<template>
	<view class="web-view">
		<web-view :src="webViewSrc"></web-view>
	</view>
	
</template>
 
<script>
	export default {
		data() {
			return {
				// pdf.js的所在路径  也就是根目录的hybrid这个文件
				viewerUrl: '/hybrid/html/web/viewer.html',
				webViewSrc: null
			};
		},
		onLoad(options){
			// 判断是手机系统：安卓，使用pdf.js
			let deviceInfo = uni.getDeviceInfo()
 
			if(deviceInfo.platform !== 'ios') {
 
             //options.src 就是预览的pdf地址
		        this.webViewSrc =`${this.viewerUrl}?file=${encodeURIComponent(options.src)}`
 
			}else {
 
				// ios，直接访问pdf所在路径
				this.webViewSrc = encodeURIComponent(options.src)
			}
		}
	}
</script>
 
<style lang="scss">
 
</style>

下载使用方式

1.下载pdf.js压缩包

直接将下载下来的项目的 hybrid 文件夹，直接拷贝到你项目的根目录

主要的文件夹就是箭头标注部分

2，uniapp 开发小程序的话 直接按官方使用即可