admin管理员组文章数量:1585968
本文主要介绍uniapp实现app端下载视频到手机相册,同时实现进度的监听。
/**
*视频下载保存相册
**/
uploadVideo() {
uni.showLoading();
const downloadTask = uni.downloadFile({
// 视频路径 测试视频demo时长有1分钟
url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
success: res => {
if (res.statusCode === 200) {
// 视频保存到手机相册
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: function() {
uni.hideLoading();
uni.showToast({
title: '保存成功',
icon: 'none'
});
},
fail: function() {
uni.hideLoading();
uni.showToast({
title: '保存失败,请稍后重试',
icon: 'none'
});
}
});
}
}
});
// 下载进度监听
downloadTask.onProgressUpdate(res => {
console.log('下载进度' + res.progress);
console.log('已经下载的数据长度' + res.totalBytesWritten);
console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
});
},
下载进度需要自行美化
迷茫三部曲
-
场景一:
有小伙伴在下载的过程中,将App切到后台,可能会导致下载进程终端,这是一个来自uniapp的坑,希望官方可以早日修复。 -
场景二:
有小伙伴直接使用官方文档,发现下载完成后,找不到文件?其实文件在你app的目录下,会自动保存在内部存储\Android\data\io.dcloud.HBuilder\apps\HBuilder\doc\uniapp_save(安卓手机USB在电脑,打开PC端手机调试工具[如91/360等]可以打开目录) -
场景三:
有小伙伴反馈,下载uni.downloadFile,点击以后没反应!Emmmmm~downloadTask.onProgressUpdate
你值得拥有
版权声明:本文标题:uniapp 视频下载、进度监听及保存到相册 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1727974604a1140526.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论