深山工作室

深山工作室 > uni-app

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

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相关信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法