Pārlūkot izejas kodu

app邀请码页面保存图片增加原生H5下载链路

@dongkboy 2 nedēļas atpakaļ
vecāks
revīzija
9d55b92401
1 mainītis faili ar 24 papildinājumiem un 0 dzēšanām
  1. 24 0
      pages/tool/invitationCode.vue

+ 24 - 0
pages/tool/invitationCode.vue

@@ -152,6 +152,29 @@
 			},
 			//保存图片
 			saveImage() {
+				//posterUrl 由 renderjs + html2canvas 截图生成
+				if (!this.posterUrl) {
+					uni.showToast({
+						title: '海报生成中,请稍后再试',
+						icon: 'none',
+					});
+					return;
+				}
+				// #ifdef H5
+				//zhApp 当前 uni-app 的 H5 运行时未实现 saveImageToPhotosAlbum,
+				//故手动用 a 标签触发浏览器下载(zgcx 是框架自带下载降级,这里需要自己处理)
+				const a = document.createElement('a');
+				a.href = this.posterUrl;
+				a.download = '邀请海报.png';
+				document.body.appendChild(a);
+				a.click();
+				document.body.removeChild(a);
+				uni.showToast({
+					title: '已开始下载,请查看浏览器下载记录',
+					icon: 'none',
+				});
+				// #endif
+				// #ifdef APP-PLUS
 				console.log(this.posterUrl);
 				base64ToPath(this.posterUrl)
 					.then(path => {
@@ -171,6 +194,7 @@
 							}
 						});
 					})
+				// #endif
 			},
 			//页面截图转路径
 			receiveRenderData(val) {