[Uniapp]优化APP用户下载文件体验

  在之前的博客中，我们探讨了如何在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'
    });
}