w-front-end / Worship_and_learn_upward · Commits

Commit 885316deb5b4b3d78909c8da92b0f80a664c02cc

Authored by zhiyangdu
1 parent bdcd3198

图片url传给原生

Inline Side-by-side
Showing 1 changed file with 15 additions and 13 deletions
src/pages/test.vue
  View file @885316d
@@ -3,10 +3,10 @@ @@ -3,10 +3,10 @@
3 <div class="index"> 3 <div class="index">
4 <div class="canvas" ref="canvas"> 4 <div class="canvas" ref="canvas">
5 <div class="avatar"> 5 <div class="avatar">
6 - <img src="https://wjjtest.ys2.cnliveimg.com/shop/img/2019/12/31/5e0b06db22be5.jpg" alt=""> 6 + <img :src=imgUrl alt="">
7 </div> 7 </div>
8 </div> 8 </div>
9 - <div class="save_btn" @click="savecanvas"> 9 + <div class="save_btn" @click="getimgUrl">
10 保存图片 10 保存图片
11 </div> 11 </div>
12 </div> 12 </div>
@@ -16,11 +16,24 @@ @@ -16,11 +16,24 @@
16 export default { 16 export default {
17 data () { 17 data () {
18 return { 18 return {
  19 + imgUrl:'https://wjjtest.ys2.cnliveimg.com/shop/img/2019/12/31/5e0b06db22be5.jpg'
19 }; 20 };
20 }, 21 },
21 mounted(){ 22 mounted(){
22 }, 23 },
23 methods: { 24 methods: {
  25 + // 直接获取图片url传给原生
  26 + getimgUrl(){
  27 + // 调用原生方法
  28 + // 调用分享（新方法）
  29 + if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler) {
  30 + // 获取URL图片
  31 + window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler.postMessage({body: {imgUrl: this.imgUrl}});
  32 + } else if (window.obj && window.obj.CNDSCheckAllowVisitPhotoAlbumHandler) {
  33 + // 获取URL图片
  34 + window.obj.CNDSCheckAllowVisitPhotoAlbumHandler(this.imgUrl);
  35 + }
  36 + },
24 savecanvas(){ 37 savecanvas(){
25 let canvas = document.querySelector('.canvas'); 38 let canvas = document.querySelector('.canvas');
26 let that = this; 39 let that = this;
@@ -48,17 +61,6 @@ @@ -48,17 +61,6 @@
48 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); 61 event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
49 // save_link.dispatchEvent(event); 62 // save_link.dispatchEvent(event);
50 console.log(data) 63 console.log(data)
51 - // 调用原生方法  
52 - // 调用分享（新方法）  
53 - if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler) {  
54 -  
55 - // 分享  
56 - window.webkit.messageHandlers.CNDSCheckAllowVisitPhotoAlbumHandler.postMessage({body: {data: data}});  
57 - } else if (window.obj && window.obj.CNDSCheckAllowVisitPhotoAlbumHandler) {  
58 -  
59 - // 分享  
60 - window.obj.CNDSCheckAllowVisitPhotoAlbumHandler(data);  
61 - }  
62 } 64 }
63 } 65 }
64 } 66 }