uniapp 小程序打开预览pdf文件

这篇具有很好参考价值的文章主要介绍了uniapp 小程序打开预览pdf文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp 小程序打开预览pdf文件

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

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

注意:需要区分是安卓还是ios,ios可以直接使用webview打开pdf文件,安卓需要先下载再预览文章来源地址https://www.toymoban.com/news/detail-505447.html

// 打开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.tempFilePath
                            let 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文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包