uni-app将uni.downloadFile媒体下载保存到相册

看标题,大家就知道了,上次发布的文章把我们uni.downloadFile和uni.saveFile文件保存到手机永久储存,文章末尾也提到了,如果是媒体文件那么我们就保存到相册,是可以直接调用的。如果是自定义文件夹就要调用5+ 的api咯,虽然我也不会哈哈,如果大家看到上次的文章应该就不难了,只是多了一个uni.saveImageToPhotosAlbum

uni-app将uni.downloadFile媒体下载保存到相册-度崩网-几度崩溃

前提引导(建议先看上个文章:uni-app下载文件永久保存uni.downloadFile和uni.saveFile

1.建立项目

新建项目-选择uni-app (老图哈哈)

uni-app将uni.downloadFile媒体下载保存到相册-度崩网-几度崩溃

 

2.属性说明

uni.saveImageToPhotosAlbum(保存图片到系统相册)

平台差异说明

5+App H5 微信小程序 支付宝小程序 百度小程序 头条小程序
x x

OBJECT 参数说明

参数名 类型 必填 说明
filePath String 图片文件路径,可以是临时文件路径也可以是永久文件路径,不支持网络图片路径
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数名 类型 说明
errMsg String 调用结果

好像自动会给相册权限哈

 

官方语法

 success: function (res) {
        uni.saveImageToPhotosAlbum({
            filePath: res.tempFilePaths[0],
            success: function () {
                console.log('save success');
            }
        });
    }

3.结合下载

上文说过,我们uni.downloadFile有一个tempFilePath是临时路径的,所以我们将tempFilePath给filePath就好了

写一个按钮

<button class="mini-btn in-xz" type="default" size="mini" @tap="xiazai">下载</button>

触发的函数

methods: {
	onxiazai() {
		const downloadTask = uni.downloadFile({
			url: 'https://cloud.video.taobao.com//play/u/2384606604/p/2/e/6/t/1/237850440299.mp4',
			success: (res) => {
				if (res.statusCode === 200) {
					uni.showToast({
						title: "视频连接正确",
						icon: "none"
					});
					uni.saveImageToPhotosAlbum({
						filePath: res.tempFilePath,
							success: function() {
								uni.showToast({
									title: "保存成功",
									icon: "none"
							});
						},
						fail: function() {
							uni.showToast({
								title: "保存失败,请稍后重试",
								icon: "none"
							});
						}
					});
				}
			}
		});
				
		downloadTask.onProgressUpdate((res) => {
			console.log('下载进度' + res.progress);
			console.log('已经下载的数据长度' + res.totalBytesWritten);
			console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
		});
	}
}

效果图就不发了 自己自行测试,uni-app将uni.downloadFile媒体下载保存到相册

本文转自枫瑞博客

给TA打赏
共{{data.count}}人
人已打赏
Uniapp

uni-app下载文件永久保存uni.downloadFile和uni.saveFile

2019-11-27 17:51:48

Uniapp

uni-app 新建本地模拟json数据教程转载自枫瑞博客[uniapp教程]

2020-3-2 16:06:06

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索