2013-10-08 122 views
0

我正在寫一個函數編輯這樣按鈕點擊沒有反應

<script type="text/javascript"> 

    function share() {  
     var canvas = document.getElementById("myCanvas"); 

      var imageObj = new Image(); 

      imageObj.onload = function() { 
      contentW = $("#content").width(); 
      canvas.width = 400; 
      canvas.height = 600; 
      context.drawImage(imageObj, 0, 0,canvas.width,canvas.height); 

      //the plugin 
      setTimeout(function(){ 
      window.savephotoplugin(canvas,"image/png",device.version,function(val){ 
        //returns you the saved path in val 
        alert("Photo Saved: " + val); 
       }); 
      },0) 
     }   
     }    
</script> 

按鈕代碼

<div > 
<IMG SRC="loadin.png" ALT="some text" WIDTH=100 HEIGHT=100> 
<button class="button" id="myCanvas" onclick="share()">SEND </button> 
</div> 

但按鈕點擊後沒有事件被觸發後,將圖像保存phonegap應用程序。我的代碼是正確的,即使logcat輸出沒有錯誤,但爲什麼沒有得到輸出?請幫我

+1

您正在使用永遠不會觸發的imageObj.onload。我錯過了什麼嗎? – zvona

回答

0

避免使用img.onload,它可能不會觸發緩存的圖像。但是你可以添加一些隨機值到img src,例如

<img src="path/to/pic.jpg?r=1381257249" /> 

,我無法看到你創建附加到imageObj DOM,沒有事件將觸發它。

+0

感謝您的回覆,現在onclick按鈕響應,但我收到「Uncaught TypeError:不能讀取未定義的屬性'版本」刪除img.onload後出現此錯誤。對此有何想法? @Arty Gus –

+0

@dd什麼'設備'變量或..你可以請發佈完整的代碼jsfiddle? – artygus

+0

確保您已安裝設備插件 –