uni-app 微信小程序使用 web-view 预览PDF

1、使用uni-pp开发微信小程序，上线之后发现Android手机无法加载览PDF，但ios可以。这里运用了 uni.openDocument

<template><view class="wenj" @click="file" >点击查看文件</view>
</template><script>export default {data() {return {attach_url: '',}},onLoad(option) {},onShow() {},methods: {file(){uni.showToast({title: '加载中',duration: 5000,icon:"loading"});uni.downloadFile({url: this.attach_url, //文件名success: function (res) {var filePath = res.tempFilePath;uni.openDocument({filePath: filePath,success: function (res) {console.log('打开文档成功');uni.hideToast();}});}});}},}
</script><style lang="scss">page {background: #F9F9F9;}.wenj{height: 100rpx;display: flex;justify-content: flex-end;align-items: center;font-size: 30rpx;color: #008AFF;}
</style>

这里使用了一个点击事件因为如果直接使用加载会很慢，还没加载完用户已经退出来

uni-app 微信小程序使用 web-view 预览PDF相关推荐

微信小程序图片全屏预览组件，并解决svg真机显示黑屏问题
自己码了个微信小程序图片全屏预览组件,并解决了svg真机显示黑屏问题(即png等格式可以正常显示,但就svg无法显示). /*** 微信小程序图片预览组件* 1.支持预览svg.png.jpeg.jp ...
微信小程序在小米手机预览头部空白了
微信小程序在手机预览出现头部空白,代码查阅后,发现app.json里"navigationBarBackgroundColor": "black",的值不能写颜 ...
微信小程序——焦点图可预览查看大图缩放（多张可左右滑动）带页码 loading 加载中 / https不显示图
微信小程序焦点图,可以滑动预览大图缩放微信小程序自带焦点图swiper ,但是没有页码,只有小圆点,所以要自己写 (在查看大图时遇到一个问题,安卓上查看大图部分图不显示,经排查,发现不显示的图片地址 ...
微信小程序 - 选择图片、预览图片、删除图片
为什么80%的码农都做不了架构师?>>> 小程序开发中你可能会遇到上传的图片首先会选择图片之后预览看下或者不满意需要删除图片,才会提交吧,这样应该是一个比较好的处理方式. 微信 ...
微信小程序图片轮播+预览效果实现
实现思路功能其实很简单,只需用到官方提供的swiper组件+wx.previewImage函数,再利用data-组件绑定当前的url即可轻松实现. 1.微信小程序swiper组件 2.微信小程序预览 ...
（保姆级解决方案）微信小程序【真机预览】无法向服务器发送请求（实测有效）
问题描述:微信小程序"打开调试模式可以发出请求,关闭调试模式无法发出请求" 一.小程序配置request合法域名 1 获取uni-cloud官网提供的request合法域名这个获 ...
微信小程序图片选择，预览和删除
这里均用的是小程序原生api 废话不多说直接上栗子: <view class="addImv"><view wx:f ...
【微信小程序】下载并预览文档——pdf、word、excel等多种类型
简要:wx.downloadFile(OBJECT)下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径.wx.openDocument(OBJECT)新开页面打开文 ...
微信小程序选择图片和预览图片
作者>:燕潇洒视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片. wx.chooseImage({}) 此方法是用来选择图片的方法,具体使用如下: data: {av ...
14、微信小程序——上传、预览、长按删除图片
1.上传多图多图上传的关键在于--渲染 Page({data:{images:[]},upload(){wx.chooseImage({count:9, //获取图片数量sizeType: ['or ...

uni-app 微信小程序使用 web-view 预览PDF

uni-app 微信小程序使用 web-view 预览PDF相关推荐

最新文章

热门文章