下载海报

src/pages/tv/info.vue

@@ -62,20 +62,17 @@
 				uni.showToast({
 					title: '复制成功'
 				})
-			},
+			},			
 			save() {
 				//#ifdef H5
-				// const $h5 = require('@/static/js/h5-utils.js')
-				// $h5.downLoadImg(this.src)
-
 				try {
 					if (Android) {
 						Android.save2Album(this.src)
 					}
 				} catch (e) {
-
+					const $h5 = require('@/static/js/h5-utils.js')
+					$h5.downloadIamge(this.src)
 				}
-
 				//#endif
 			}
 		}

src/static/js/h5-utils.js

@@ -18,34 +18,32 @@ export function head_tv(url) {
 	})
 	$(".uni-page-head").eq(0).append(
 		`<div onclick="Android.access2Tv('${url}')" style='font-size:12px;padding:0 5px;margin-right: 8px;height:24px;line-height:24px;margin-top: 3px;background-color: #007AFF;color:#FFFFFF;border-radius:5px;'>TV 投屏</div>`
-		)
+	)
 	$(".uni-page-head-hd").click(function() {
 		Android.webGoBack("")
 	});
 }
 
-export function savePicture(Url) {
-	var blob=new Blob([''], {type:'application/octet-stream'});
-	var url = URL.createObjectURL(blob);
-	var a = document.createElement('a');
-	a.href = Url;
-	a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
-	var e = document.createEvent('MouseEvents');
-	e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
-	a.dispatchEvent(e);
-	URL.revokeObjectURL(url);
-}
+export function downloadIamge(imgsrc){
+    const image = new Image()
+    // 允许资源跨域使用
+    image.setAttribute('crossOrigin', 'anonymous')
+    image.src = imgsrc
+    image.onload = () => {
+      // 利用canvas将图片转换为base64编码
+      const canvas = document.createElement('canvas')
+      canvas.width = image.width
+      canvas.height = image.height
+      const context = canvas.getContext('2d')
+      context?.drawImage(image, 0, 0, image.width, image.height)
+      // 将canvas对象转换为base64位编码
+      const url = canvas.toDataURL('image/png')
 
-export function downLoadImg1(url) {
-   let alink = document.createElement('a');
-   alink.href = url;
-   alink.download = '排1111.png';
-   alink.click();
-}
-
-export function downLoadImg(link, filename){
-  let a = document.createElement('a')
-  a.href = link
-  a.download = filename || 'default.png'
-  a.dispatchEvent(new MouseEvent('click'))
-}
\ No newline at end of file
+      // 点击触发下载
+      const a = document.createElement('a')
+      const event = new MouseEvent('click')
+      a.download = imgsrc.replace(/(.*\/)*([^.]+.*)/ig, "$2").split("?")[0] || 'Certificate'
+      a.href = url
+      a.dispatchEvent(event)
+    }
+  }
\ No newline at end of file