技術標籤：uniAppuniapp視訊下載uniapp下載方法沒反應uniapp附件下載解析uniapp附件下載後找不到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你值得擁有