跨平台应用开发进阶(十五) :uni-app 自定义 showToast并实现下载进度条_实现uni showto(1)

	// 接口调用成功
	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 => {
	state.percent = res.progress;
	// console.log('下载进度百分比:' + res.progress); // 下载进度百分比
	// console.log('已经下载的数据长度:' + res.totalBytesWritten); // 已经下载的数据长度,单位 Bytes
	// console.log('预期需要下载的数据总长度:' + res.totalBytesExpectedToWrite); // 预期需要下载的数据总长度,单位 Bytes
});

视图部分实现如下:



新版本下载中,请稍等 ```

三、延伸阅读

在应用过程中,会发现downloadTask.onProgressUpdate不起作用,此

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值