★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开

 2021/5/11 19:12:56  字体:  浏览 195 我要评论
需要定制网站程序、公众号程序、微信小程序可以联系:565449214或者加微信13961347334(备注:需要技术)
或者在处理一些技术问题时,有什么不懂的地方,随时可以加我QQ:565449214讨论技术或者加QQ群62655404讨论
小程序支持打开文件 doc, xls, ppt, pdf, docx, xlsx, pptx
利用encodeURI与escape,兼容处理了传输过来的文件带有中文名会出现的问题

<view @tap="file_yulan('')">点击下载文件</view>
<view @tap="file_save('')">保存</view>

小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开

file_save: function(burl) {
    console.log("bbbb");
    uni.showLoading({
        title: '文件下载中'
    });
    let fileType = "PNG"; //文件类型
    let filePath = "http://192.168.0.110/UploadFiles/demo.pdf";
    //把字符串转换为小写
    if (fileType) {
        fileType = fileType.toLowerCase();
    }

    //先下载文件
    uni.downloadFile({
        url: encodeURI(filePath), //注意中文文件名的网络地址需要encodeURI
        success(res) {
            console.log(res);
            uni.hideLoading();

            uni.saveFile({
                tempFilePath: res.tempFilePath,
                success: function(res) {
                    console.log(res);
                    var savedFilePath = res.savedFilePath;
                }
            });
            //预览图片或打开文件
            // if(fileType == "png" || fileType == "jpg" || fileType == "jpeg"){
            // // 图片的话直接预览
            // uni.previewImage({
            // urls: [res.tempFilePath]
            // });
            // uni.hideLoading();
            // }else{
            // uni.openDocument({
            // filePath: res.tempFilePath,
            // success() {
            // //打开文件中
            // uni.showLoading({
            // title: '打开文件中'
            // });
            // },
            // fail(e) {
            // uni.hideLoading();
            // uni.showToast({
            // icon: 'none',
            // title: '文件打开失败!'
            // });
            // }
            // });
            //}
        },
        fail() {
            uni.hideLoading();
            uni.showToast({
                icon: 'none',
                title: '下载出错!'
            });
        },
        complete() {
            uni.hideLoading();
        }
    });


},


file_yulan: function(burl) {
    console.log("处理下载文件中");
    uni.showLoading({
        title: '文件下载中'
    });
    let fileType = "PNG"; //文件类型
    let filePath = "http://192.168.0.110/UploadFiles/demo.pdf";
    //把字符串转换为小写
    if (fileType) {
        fileType = fileType.toLowerCase();
    }

    //先下载文件
    uni.downloadFile({
        url: encodeURI(filePath), //注意中文文件名的网络地址需要encodeURI
        success(res) {
            console.log(res);
            uni.hideLoading();
            //预览图片或打开文件
            if (fileType == "png" || fileType == "jpg" || fileType == "jpeg") {
                //图片的话直接预览
                uni.previewImage({
                    urls: [res.tempFilePath]
                });
                uni.hideLoading();
            } else {

                //保存文件
                uni.saveFile({
                    tempFilePath: res.tempFilePath,
                    success: function(res) {
                        console.log(res);
                        //var savedFilePath = res.savedFilePath;

                        uni.openDocument({
                            filePath: res.savedFilePath,
                            success() {
                                //打开文件中
                                uni.showLoading({
                                    title: '打开文件中'
                                });
                            },
                            fail(e) {
                                uni.hideLoading();
                                uni.showToast({
                                    icon: 'none',
                                    title: '文件打开失败!'
                                });
                            }
                        });

                    }
                });
            }
        },
        fail() {
            uni.hideLoading();
            uni.showToast({
                icon: 'none',
                title: '下载出错!'
            });
        },
        complete() {
            uni.hideLoading();
        }
    });
},
相关阅读
( 2021/6/10 8:56:21 )百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名
( 2021/6/8 23:24:05 )开始百度小程序开发需要准备工作
( 2021/5/26 14:13:02 )uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
( 2021/5/26 10:02:19 )小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
( 2021/5/11 19:12:56 )小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开
( 2021/5/11 18:58:19 )uni-app里面复制内容时保留换行利用正则替换br标签替换成回车换行符
( 2021/5/11 18:46:53 )小程序利用rich-text简单处理富文本解析html
( 2021/5/11 18:40:56 )利用css设置字体小于12px
共有0条关于《小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
uni-app
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
小程序利用rich-text简单处理富文本解析html
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
uni-app用map组件建立微信小程序显示商家地图位置并且打上标志然后点标志进行调用手机地图导航到对应的地址
用uni-app开发微信小程序用uni.makePhoneCall拨打电话
更多>>最新添加文章
百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名
开始百度小程序开发需要准备工作
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
uni-app里面复制内容时保留换行利用正则替换br标签替换成回车换行符
小程序利用rich-text简单处理富文本解析html
利用css设置字体小于12px
定制开发微信小程序的操作流程
更多>>随机抽取信息
网站策划:网站栏目和页面的策划
利用javascript高亮关键词系列
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
CSS编写过程中常见的10个错误
另类营销,“我在床上很厉害的哦”引发的思考
加长增高对话框与文本框
css里expression实现界面对象的批量控制
代码绝对精简的仿lightbox效果弹出层