2013-12-18 81 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