图片url传给原生

zhiyangdu
1 parent bdcd3198
Showing 1 changed file with 15 additions and 13 deletions
src/pages/test.vue
@@ -3,10 +3,10 @@
     <div class="index">
         <div class="canvas" ref="canvas">
             <div class="avatar">
-                <img src="https://wjjtest.ys2.cnliveimg.com/shop/img/2019/12/31/5e0b06db22be5.jpg" alt="">
+                <img :src=imgUrl alt="">
             </div>
         </div>
-        <div class="save_btn" @click="savecanvas">
+        <div class="save_btn" @click="getimgUrl">
             保存图片
         </div>
     </div>
@@ -16,11 +16,24 @@
     export default {
         data () {
             return {
+                imgUrl:'https://wjjtest.ys2.cnliveimg.com/shop/img/2019/12/31/5e0b06db22be5.jpg'
             };
         },
         mounted(){
         },
         methods: {
+            // 直接获取图片url传给原生
+            getimgUrl(){
+                // 调用原生方法
+                // 调用分享（新方法）
+                if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler) {
+                    // 获取URL图片
+                    window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler.postMessage({body: {imgUrl: this.imgUrl}});
+                } else if (window.obj && window.obj.CNDSCheckAllowVisitPhotoAlbumHandler) {
+                    // 获取URL图片
+                    window.obj.CNDSCheckAllowVisitPhotoAlbumHandler(this.imgUrl);
+                }
+            },
             savecanvas(){
                 let canvas = document.querySelector('.canvas');
                 let that = this;
@@ -48,17 +61,6 @@
                 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 //                save_link.dispatchEvent(event);
                 console.log(data)
-                //            调用原生方法
-                // 调用分享（新方法）
-                if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler) {
-
-                    // 分享
-                    window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler.postMessage({body: {data: data}});
-                } else if (window.obj && window.obj.CNDSCheckAllowVisitPhotoAlbumHandler) {
-
-                    // 分享
-                    window.obj.CNDSCheckAllowVisitPhotoAlbumHandler(data);
-                }
             }
         }
     }