uniapp 视频下载、进度监听及保存到相册

本文主要介绍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你值得拥有