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

21天前   阅读:85   分类:前端    标签: 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即可

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

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

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

上一篇:没有更多了文章

下一篇: TP5搜索分页

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
仕而优则学,学而优则仕。

置顶推荐

打赏本站

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