在之前的博客中,我们探讨了如何在uniapp中实现文件的下载和预览功能。这次,我们将进一步深入。作为初学者,我将提供一些个人认为较为舒服的技巧来优化用户下载体验,也算是对上一篇博客的小小补充。
1.显示下载进度
在文件下载过程中,显示下载进度可以让用户实时检测文件下载情况,并预估文件下载时间。这可以通过监听uni.downloadFile
的onProgressUpdate
回调来实现。
uni.downloadFile({
//你的其他代码
...
success: function(res) {...},
fail: function(err) {...},
onProgressUpdate: function(progress) {
console.log('下载进度' + progress.progress);
console.log('已下载数据长度' + progress.totalBytesWritten);
console.log('预期需要下载的数据总长度' + progress.totalBytesExpectedToWrite);
// 更新UI上的进度条或显示进度信息
//具体UI风格可自己实现
}
});
2.明确文件下载位置
这个算是对上一篇博客的一个补充。当文件下载好后,我们需要明确告知用户文件下载的位置,以便于日后查看。
success: function(res) {
// 显示文件存储位置
uni.showToast({
title: '文件已保存至' + res.savedFilePath,
icon: 'none'
});
}