uniapp 小程序打开预览pdf文件

微信公众平台 =》开发管理 =》开发设置 =》业务域名

注意：配置为业务域名后，可调用web-view组件在小程序中打开

注意：需要区分是安卓还是ios，ios可以直接使用webview打开pdf文件，安卓需要先下载再预览

// 打开pdf文件
// url pdf文件地址  title pdf文件名称
export const downloadFileFunc = (url = '', title = '') => {const reg = /(\w*)《(.*)》/g;let str = url.split('/')[url.split('/').length - 1].split('.')[0];const titleClone = title ? title.replace(reg, '$1 $2 ') : str;uni.getSystemInfo({success: function(sysRes) {if (sysRes.platform === 'ios') {jumpPage(`/pages/webview/index?title=${encodeURIComponent(title)}&url=${encodeURIComponent(url)}`);} else {uni.downloadFile({url: url,success: function(res) {const filePath = res.tempFilePathlet arr = filePath.split('.');const mime = arr[arr.length - 1];const fs = uni.getFileSystemManager();// 修改文件名字，仅安卓可以，ios无权限fs.rename({oldPath: filePath,newPath: `${wx.env.USER_DATA_PATH}/${titleClone}`,success() {uni.openDocument({filePath: `${wx.env.USER_DATA_PATH}/${titleClone}`,fileType: mime,success: function(res) {console.log('打开文档成功')},fail: function() {uni.showToast({title: '打开文件失败',icon: 'none',duration: 2000});}})},fail: function() {uni.showToast({ title: '保存文件失败', icon: 'none', duration: 2000 });},});},fail:function(error){uni.showToast({title: '下载文件失败',icon: 'none',duration: 2000});}})}},fail: function(err) {uni.showToast({title: '获取系统信息失败',icon: 'none',duration: 2000});}})};

uniapp 小程序打开预览pdf文件相关推荐

uni-app移动端-H5-微信小程序在线预览pdf，图片，视频
封装了一个插件,可直接导入hbuilderx查看使用: 插件地址:uni-app移动端-H5-微信小程序在线预览pdf,图片,视频 <template><view class=&qu ...
微信小程序打开预览下载的文件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 使用 wx.openDocument(obj) 方法预览 wx.downloadFile({url: 'htt ...
记录一次微信小程序实现预览pdf
微信小程序预览pdf需要注意的是,在安卓端和ios端是有差异的. 安卓端不能用web-view直接打开,需要先下载到本地,再打开文件进行预览. 网上说的ios端可以直接用web-view进行预览,但是 ...
小程序下载预览pdf，文档打不开解决方案
小程序打开pdf,有3种方式 1.webview打开,这里不做赘述 2.文档二进制流打开,参考其他文章 3.今天的重点,wx.downloadFile,wx.openDocument 操作过程中遇到的 ...
微信小程序 - 在线预览 Office 文件（doc / docx / xls / xlsx / ppt / pptx / pdf）
效果图前言网上大部分教程功能有问题且文章无逻辑混乱,本文将提供优秀的示例. 本文只适用于预览服务端接口返回的网络地址文件,"本地上传" 文件并预览原理一样, 例如服务端接口返 ...
chrome浏览器在线打开预览pdf文件，而不是下载文件。
Content-Type: application/pdf Content-Disposition: inline; filename="pdf-file1.pdf" 关键有2个点 ...
微信小程序：预览pdf，ppt，word等文件
wx.openDocument 可打开文件类型有: doc doc 格式 docx docx 格式 xls xls 格式 xlsx xlsx 格式 ppt ppt 格式 pptx pptx 格式 pd ...
微信小程序saveFile，openDocument方法下载、预览pdf文件不能用本地应用打开（不能另存为）的问题
微信小程序saveFile,openDocument方法下载.预览pdf文件不能用本地应用打开(不能另存为)的问题查看官方文档的openDocument()方法,发现加一个showMenu: tru ...
uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件.最开始是想找uniapp的插件,去插件市场搜了下,没得几个插件可用,且需要收费,所以直接用的pdf.js插件实现,在h5以及h5打包的a ...

uniapp 小程序打开预览pdf文件

uniapp 小程序打开预览pdf文件相关推荐

最新文章

热门文章