mpvue PDF文件预览

小程序中PDF文件预览问题

在小程序中可以ios端可以使用 <web-view :src="url"></web-view>

但是在Android端pdf文件会自动下载

解决方案：1 通过判断系统类型是否是ios还是Android，如果是ios端使用<web-view :src="url"></web-view>进行预览

如果是Android 使用小程序文件上传预览方法

// pdf功能预览openMaterial(url) {wx.getSystemInfo({success: function(res) {console.log(res.system);if (res.system.indexOf("Android") != -1) {wx.downloadFile({url: url,success: function(res) {console.log(res);var Path = res.tempFilePath; wx.openDocument({filePath: Path,success: function(res) {console.log("打开成功");}});},fail: function(res) {console.log(res);}});} else if (res.system.indexOf("iOS") != -1) {wx.navigateTo({url: "/pages/search/main?url=" + url});}}});}

mpvue PDF文件预览相关推荐

Java使用openOffice转PDF以及PDF文件预览乱码问题
Java使用openOffice转PDF以及PDF文件预览乱码问题使用openOffice,支持doc, docx, .xls, .xlsx, .ppt, .pptx转pdf 一:依赖 <de ...
java pdf文件下载_Java后台返回PDF文件预览下载
Java后台返回PDF文件预览下载开始的代码的系统代码为: ResponseEntity onePdf = s3Wrapper.download(contractEntity.getContract ...
用vue-pdf包实现pdf文件预览，支持分页
vue项目实现pdf文件预览功能下载vue-pdf包 npm install --save vue-pdf template模板内容: //pdf组件 <pdf :src="pdfF ...
Vue PDF文件预览打印vue-pdf
Vue PDF文件预览vue-pdf 最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,G ...
手机端pdf文件预览pdf.js使用方法详解
虽然H5页面可以通过A直接访问html 但可惜的是手机端H5页面这样做就直接变下载了那么想要实现手机端的pdf文件预览就需要用到pdf.js了首先我们访问地址 http://mozilla.g ...
pdf文件预览、打印
前端 pdf 文件预览的方式有多种. html元素:<iframe>.<embed> <iframe :src="pdfUrl " style=&qu ...
Nginx配置文件目录实现pdf文件预览及下载
默认情况下,通过nginx服务器来访问pdf文件,在浏览器上是会直接打开该pdf文件呈现内容的.如果想要访问pdf文件时,实现下载文件的效果,则需要在nginx服务端做一些配置. 以下配置只能下载 n ...
vue 项目中分别使用 vue-pdf 插件和内嵌 iframe 实现 PDF 文件预览，缩放，旋转，下载，保存等功能？
需求:在 vue 和 element-ui 项目中,有点击按钮预览,下载,打印 PDF 文件需求,要求支持 PDF 的预览,上下页切换,首尾页切换,页码选择跳转,放大缩小,顺时针逆时针旋转,下载, ...
java代码编辑器 pdf文件预览主流SSM 代码生成器 shrio redis websocket即时通讯
获取[下载地址] QQ: 313596790 官网 http://www.fhadmin.org/ A 代码编辑器,在线模版编辑,仿开发工具编辑器,pdf在线预览,文件转换编码 B 集成代码生成器 [ ...

mpvue PDF文件预览

mpvue PDF文件预览相关推荐

最新文章

热门文章