서버 응답에서 전화 갭의 이미지를 표시하는 방법

Question

서버에서 내 phonegap 응용 프로그램에 값을 게시 할 때 내 서명 패드가 있습니다. 아래 응답을 사용하여 DB에 저장하고 내 디스플레이에 내 응답을 얻습니다. phonegap. 구문 분석 JSON 후

내 응답 : 해당 응답에

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

어떻게 이미지 경로 또는 직접 이미지를 얻을 수 있습니다. 캔버스에서 이미지 표시

내 스크립트 DB에

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); 
    } 

Answer 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); 
} 

Answer 2

<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