2013-12-18 75 views
3

在phonegap中顯示圖像當我從服務器發佈值到我的phonegap應用程序時,我在我的服務器中有一個簽名板我收到如下響應如何使用該響應存儲到數據庫並顯示在我的PhoneGap的。如何從服務器響應

我的JSON解析後的反應:

[{"searchStr":"signature.png:sStrEnd","type":"image\/png","usrName":"signature.png","size":5686,"name":"files\/x5cviyfvqelfbra.png"}] 
在響應

我如何能得到圖像路徑或直接圖像。

我的腳本顯示在畫布上的圖像數據庫

var arbeidcanvas = $('#mArbeid')[0]; 
    arbeidcanvas.width = arbeidcanvas.width; 
    var arbeidsign = arbeidcanvas.getContext("2d"); 
    var arbeidimg = new Image(); 
    arbeidimg.src = **MYDATABASE VALUE**; 
    arbeidimg.onload = function() { 
     arbeidsign.drawImage(arbeidimg, 0,0); 
    } 
+0

你試圖在存儲響應D b? –

+0

@ρяσѕρєяK我的答覆存儲在我的數據庫..我不明白它在phprunner中自動生成的響應。 – Vini

+0

響應字符串是JSONArray所以你首先需要解析然後存儲所有值分貝 –

回答

-1
var jsonData = JSON.parse(myMessage); 
for (var i = 0; i < jsonData.counters.length; i++) { 
    var counter = jsonData.counters[i]; 
    console.log(counter.counter_name); 
} 
0
<div id="result_data"></div> 
<canvas id="myCanvas" ></canvas> 

<script> 
$(document).ready(function(){ 
var obj = [{"searchStr":"signature.png:sStrEnd","type":"image\/png","usrName":"signature.png","size":5686,"name":"files\/x5cviyfvqelfbra.png"}] ;  
if(obj.length >0){ 
    var list = '<ul data-role="listview" >' 
    $.each(obj, function(key, value){ 
     if(value.searchStr){ 
      list += '<li>searchStr :'+value.searchStr+'</li>'; 
     } 
     if(value.type) 
      list += '<li>type :'+value.type+'</li>'; 
     if(value.size) 
      list += '<li>size :'+value.size+'</li>'; 
     if(value.name) 
      list += '<li>name :'+value.name+'</li>'; 
    }) ; 
    list += '</ul>' ; 
    $("#result_data").append(list).trigger('create'); 
    $("#result_data").listview('refresh'); 

    var canvas = document.getElementById('myCanvas'); 
    var context = canvas.getContext('2d'); 
    var imageObj = new Image(); 

     imageObj.onload = function() { 
     context.drawImage(imageObj, 0, 0); 
     }; 
     imageObj.src = your_img_src; 


} 
}); 
</script> 

存儲數據看到此鏈接

1)http://docs.phonegap.com/en/3.0.0/cordova_storage_storage.md.html

+0

爲什麼你分裂的obj和顯示在列表..請問你能解釋... – Vini

+0

爲你的知識在手機上顯示json數據 – Ved

+0

解析JSON後,我得到的obj ...所以我想再解析... – Vini