uniapp中webview内嵌H5页面图片保存方法~

废话不多说,直接贴代码~

		var imgUrl = "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png";
		var down = plus.downloader.createDownload(imgUrl, {}, function(e, a) {
			console.log(e); 
			plus.gallery.save(e.filename,function (e) {
			uni.showToast({
				title: "保存成功",
				mask:true									,
			});	
			console.log("下载成功");
			},function (e) {
				console.log("下载失败,请重试");
			})
		});
			down.start();

亲测可用!兼容安卓和iOS~

如果是uniapp开发的H5页面里面的图片保存到手机相册,那就不用这么麻烦了。默认就支持长按图片保存~

另外如果是在uniapp开发的APP中保存图片,那文档里直接有方法的:

uni.downloadFile({      //下载图片
					url:'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
					success:(res)=>{
						console.log(res.tempFilePath)
						uni.saveImageToPhotosAlbum({     //将图片保存在手机
							filePath:res.tempFilePath,     //保存的位置
							success: (res) => {
								uni.showToast({
									title: "图片已保存",
									mask:true							,
								});	
							}
						})
					}
				})

本贴介绍的方法,仅仅用于将H5页面内嵌到uniapp的webview中,需要保存图片到手机相册的情况!!

  • 3
    点赞
  • 4
    收藏
  • 打赏
    打赏
  • 8
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页
评论 8

打赏作者

不老刘

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值