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

2021-01-02   阅读:4184   类型:前端   分类:uni-app    标签: 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即可

腾讯云11.11上云拼团Go,2核2G3M云服务器 28元/年

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/568.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习,乐于分享

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×