003. uniapp里面点击下载其他app

一、调用(简化,无进度条)

  • 直接调用接口进行下载,无进度条
    const downloadTask = uni.downloadFile({
        url: 'http://mewajump.com/apk/test.apk',
        success: (downloadResult) => {
    
            if (downloadResult.statusCode === 200) {
                console.log('安装包下载成功,即将安装:' + JSON.stringify(downloadResult, null, 4));
                plus.runtime.openFile(downloadResult.tempFilePath);
            }
        }
    });
    downloadTask.onProgressUpdate((res) => {
        console.log(res)
    });

    二、调用(稍全面,显示进度条)

  • 进度条视图样式由开发者自行设置
  • 函数
    // 开始下载任务
    			const downloadTask = uni.downloadFile({
    				url: this.appReFreshUrl,
    				// 接口调用成功
    				success: downloadResult => {
    					uni.hideLoading();
    					if (downloadResult.statusCode === 200) {
    						plus.runtime.install(
    							downloadResult.tempFilePath,
    							{
    								force: false
    							},
    							function() {
    								plus.runtime.restart();
    							},
    							function(e) {
    								console.error('install fail...');
    							}
    						);
    					}
    				},
    				// 接口调用失败
    				fail: err => {
    					uni.showToast({
    						icon: 'none',
    						mask: true,
    						title: '安装失败,请重新下载'
    					});
    				},
    				// 接口调用结束
    				complete: () => {
    					downloadTask.offProgressUpdate(); //取消监听加载进度
    				}
    			});
    
    			//监听下载进度
    			downloadTask.onProgressUpdate(res => {
    				that.percent = res.progress;
    				// console.log('下载进度百分比:' + res.progress); // 下载进度百分比
    				// console.log('已经下载的数据长度:' + res.totalBytesWritten); // 已经下载的数据长度,单位 Bytes
    				// console.log('预期需要下载的数据总长度:' + res.totalBytesExpectedToWrite); // 预期需要下载的数据总长度,单位 Bytes
    			});
  • 视图
    <view v-if="downLineShow" style="width: 80%; height: 30rpx;">
    	<text>新版本下载中,请稍等</text>
    	<progress :percent="percent" font-size="24rpx" border-radius="44rpx" activeColor="#D52424" show-info stroke-width="10"></progress>
    </view>
  • data参数,可自行修改 
downLineShow: false,
percent: '0'

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值