uniapp小程序端如何实现下载视频到相册和下载图片到相册

2021-01-02 阅读：3670 分类：前端标签： uni-app

1、uniapp小程序端下载视频可以使用 uni.saveVideoToPhotosAlbum(OBJECT)，保存视频到系统相册。

参数名	类型	必填	说明
filePath	String	是	视频文件路径，可以是临时文件路径也可以是永久文件路径
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

实例：

<view class="button">
	<button type="default" @click="uploadVideo">保存到相册</button>
</view>

js代码

<script>
	export default {
		data() {
			return {
				textValue: '' ,//文本内容
				videoUrl:''
			}
		},
		onLoad() {
			
		},
		methods: {
			uploadVideo() {
				const downloadTask = uni.downloadFile({
					url: 'https://www.exame.com/121.mp4',
					success: (res) => {
						if (res.statusCode === 200) {
							uni.showToast({
								title: "视频连接正确",
								icon: "none"
							});
							console.log(res)
							uni.saveVideoToPhotosAlbum({
								filePath: res.tempFilePath,
									success: function() {
										uni.showToast({
											title: "保存成功",
											icon: "none"
									});
								},
								fail: function(e) {
									console.log(e)
									uni.showToast({
										title: "保存失败，请稍后重试",
										icon: "none"
									});
								}
							});
						}
					}
				});
						
				downloadTask.onProgressUpdate((res) => {
					console.log('下载进度' + res.progress);
					console.log('已经下载的数据长度' + res.totalBytesWritten);
					console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
				});
			}
		}
	}
</script>

2、uniapp小程序端下载图片可以使用 uni.saveImageToPhotosAlbum(OBJECT)，保存图片到系统相册。

只需把上面的 uni.saveVideoToPhotosAlbum替换为uni.saveImageToPhotosAlbum即可