h5 uniapp如何保存照片【saveImageToPhotosAlbum不支持h5端】

报错:chunk-vendors.7e18ac5d.js:1 [system] API saveImageToPhotosAlbum is not yet
h5 uniapp如何保存照片

				//调用预览图片的方法
				uni.previewImage({
					urls: [img],
					current: 0, //点击图片传过来的下标
					success: (res) => {
						console.log('预览图片成功');
						// uni.showToast({
						// 	title: '预览图片成功'
						// })
					}
				})

预览图片,然后长按保存
小程序保存图片

uni.downloadFile({
					url: img, // 这里是我已经请求好的图片数据
					success: (res) => {
						console.log(res, 'resimg')
						var tempFilePath = res.tempFilePath;

						uni.saveImageToPhotosAlbum({ // 然后调用这个方法
							filePath: tempFilePath,
							success: (res) => {
								uni.showToast({
									title: '图片下载成功'
								})
							}
						})
					},
					fail: () => {
						uni.showToast({
							title: '图片下载失败'
						})
					}
				});

h5另外一个保存图片,不太友好

var oA = document.createElement("a");
				oA.download = ''; // 设置下载的文件名,默认是'下载'
				oA.href = img;
				document.body.appendChild(oA);
				oA.click();
				oA.remove(); // 下载之后把创建的元素删除
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值