本人第一次做uniApp,发现打包后安卓打开pdf文件不能预览而是下载,解决办法如下:
1、下载
// 下载pdf.js
git clone https://gitee.com/m_eve_admin/uni-app-pdf.git
2、直接将下载下来的项目的 hybrid 文件夹,直接拷贝到你项目的根目录
3、在webview中使用
<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>
以上几步完成就可以直接打包了