订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机

2021/8/14 10:28:43 字体: 浏览 10249
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机

uni-app:使用uni.downloadFile下载文件并保存到手机

uni-app中下载文件需要先获取文件的临时路径,然后再进行保存,才算下载成功:
一定一定要注意设置设置小程序的对应下载域名
小程序---开发管理---服务器域名----downloadFile合法域名(在这里设置你要下载对应文件的下载域名。)



<button class="l_bt l_addtx" @tap="qwbm_down_file()">小程序点击下载word或pdf文件并打开</button>


qwbm_down_file: function() {
    let url = encodeURI('http://127.0.0.1/2021会议记录.pdf'); //注意中文文件名的网络地址需要encodeURI
    uni.downloadFile({
        url, //文件链接
        success: function(res) {
            //statusCode状态为200表示请求成功,tempFIlePath临时路径
            if (res.statusCode == 200) {
                console.log("ccc", res.tempFilePath);
                //保存到本地
                uni.saveFile({
                    tempFilePath: res.tempFilePath,
                    success: function(res) {
                        //res.savedFilePath文件的保存路径
                        //保存成功并打开文件
                        uni.openDocument({
                            filePath: res.savedFilePath,
                            success: (res) => console.log('成功打开文档')
                        })
                        console.log("bbb", res);
                    },
                    fail() {
                        console.log('打开失败')
                    }
                })
            }
            console.log("aaa", res);
        },
        fail() {
            console.log('下载失败')
        }
    })
},
相关阅读
uni-app基础知识事件绑定@click与@tap点击事件区别
windows 部分热键集锦
java探测页面是否全屏,如果不是全屏则自动全屏
网站提示错误页面,几秒后返回首页
从百度扣下来的javascript日历
radio组选择详细
总结一下with open()和open()的区别与使用方法
IE中奇怪的左右border断线现象
共有0条关于《uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

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

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
8种Python字符串拼接的方法,你知道几种
Python拼接字符串的几种方式
Python pandas删除指定行/列数据的方法实例
chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
pywinauto技术文档
Appium元素定位方式之android_uiautomator定位
使用uiautomatorviewer连接模拟器页面报错:Error while obtaining UI hierarchy XML file
使用uiautomatorviewer连接模拟器页面报错No Android devices were detected by adb.
更多>>随机抽取信息
httpd.ini伪静态网站分享到微信好友微信朋友圈链接打不开报404错误的解决办法
本站出现验证码问题
改善用户体验之checkbox表单(最多可以选择三个)
JAVA得到网卡物理地址(Windows和Linux)
flash利用as调用执行外部设置的exe文件
微信小程序转uni-app项目