uniapp中APP实现图片预览(放大),长按实现微信扫一扫,分享微信好友,保存图片的功能

完整的不用改,只需要绑定对应的图片的点击事件传入图片路径即可!!!!

previewImage: function(imgPath) {
				uni.previewImage({
					// 需要预览的图片链接列表
					urls: [imgPath],
					// 为当前显示图片的链接/索引值
					current: imgPath,
					// 图片指示器样式	
					indicator: 'default',
					// 是否可循环预览
					loop: false,
					// 长按图片显示操作菜单,如不填默认为保存相册
					longPressActions: {
						itemList: ['打开微信扫一扫', '分享至微信好友', '保存到相册'],
						success: function(data) {
							if (data.tapIndex === 0) {
								uni.downloadFile({ //保存图片到本地
									url: imgPath, //仅为示例,并非真实的资源
									success: (res) => {
										if (res.statusCode === 200) {
											console.log('下载成功', res);
											uni.saveImageToPhotosAlbum({ //保存图片到相册功能
												filePath: res.tempFilePath,
												success: function(res) {
													uni.showToast({
														title: "保存成功",
														icon: 'success'
													})
													if (plus.os.name == "iOS") {
														plus.runtime.openURL(
															"weixin://scanqrcode"
														)
													} else if (plus.os.name ==
														"Android") {
														var Intent = plus.android
															.importClass(
																"android.content.Intent"
															);
														var ComponentName = plus
															.android.importClass(
																'android.content.ComponentName'
															)
														var intent = new Intent();
														intent.setComponent(
															new ComponentName(
																"com.tencent.mm",
																"com.tencent.mm.ui.LauncherUI"
															));
														intent.putExtra(
															"LauncherUI.From.Scaner.Shortcut",
															true);
														intent.setFlags(335544320);
														intent.setAction(
															"android.intent.action.VIEW"
														);
														var main = plus.android
															.runtimeMainActivity();
														main.startActivity(intent);
													}
												}
											})
										}
									},
									fail: (res) => {
										uni.showToast({
											title: "保存失败",
											icon: 'error'
										})
									}
								});
							}
							if (data.tapIndex === 1) {
								uni.share({
									provider: "weixin",
									scene: "WXSceneSession",
									type: 2,
									imageUrl: imgPath,
									success: function(res) {
										uni.showToast({
											title: "分享成功",
											icon: 'success'
										})
									},
									fail: function(err) {
										uni.showToast({
											title: "分享失败",
											icon: 'error'
										})
									}
								});
							}
							if (data.tapIndex === 2) {
								uni.downloadFile({ //保存图片到本地
									url: imgPath, //仅为示例,并非真实的资源
									success: (res) => {
										if (res.statusCode === 200) {
											console.log('下载成功', res);
											uni.saveImageToPhotosAlbum({ //保存图片到相册功能
												filePath: res.tempFilePath,
												success: function(res) {
													uni.showToast({
														title: "保存成功",
														icon: 'success'
													})
												}
											})
										}
									},
									fail: (res) => {
										uni.showToast({
											title: "保存失败",
											icon: 'error'
										})
									}
								});
							}

						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					},
					success: res => {
						console.log('res', res);
					},
					fail: err => {
						console.log('err', err);
					}
				});
			},

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值