2012-07-30 54 views
0

我正在一个PhoneGap应用程序中,我保存用户的姓名,号码和电子邮件,之后,我显示该数据到列表视图中的另一个页面。这项工作非常成功。但是现在,当我想将用户的图像存储在本地存储中时,我正在获取图像的路径而不是图像。获取图像路径,而不是图像PhoneGap Listview

我保存这样我的数据:

<SCRIPT Language="JavaScript" charset="utf-8" type="text/javascript"> 

var userName, userNumber, userEmail, userImage ; 

function showAndClearField(frm) 
{ 


    userName = frm.name.value; 
    userNumber = frm.number.value; 
    userEmail = frm.email.value; 
    if (frm.name.value == "") 
     { 
     alert("Please enter your name!") 
     } 
    else if(frm.number.value == "") 
    { 

alert("Please enter your number!") 

} 
    else if(frm.email.value == "") 
    { 
    alert("Please enter your Email !") 
    } 
else 
{     

alert("Name : " + userName + '\n' + " Number: " + userNumber + '\n' + " Email: " + userEmail ) 

frm.name.value = "" 
    frm.number.value = "" 
    frm.email.value = "" 


    var db = window.openDatabase("TestingDemo", "1.0", "PhoneGapTesting Demo", 200000); 
    db.transaction(populateDB, errorCB, successCB); 

    } 


    function populateDB(tx) 
    { 

     tx.executeSql('INSERT INTO DEMO (id, data, userName, userNumber, userEmail, userImage) VALUES (1, "Third row", "'+ userName +'" , "'+ userNumber +'" , "'+ userEmail +'", "'+ userImage +'")'); 

     } 

虽然显示的数据我使用下面的代码:

var nameOfUser , numberOfUser , emailOfUser, imageOfUser; 


    for (var i=0; i<len; i++) 
    { 
    nameOfUser = results.rows.item(i).userName; 

    numberOfUser = results.rows.item(i).userNumber; 

    emailOfUser = results.rows.item(i).userEmail; 

    imageOfUser = results.rows.item(i).userImage; 



    numArr.push({ name : nameOfUser , number : numberOfUser , email : emailOfUser, image : imageOfUser }); 


    } 

function createCheckboxes(){ 
    $("#createBtn").remove(); 

    $("#content").append('<fieldset id="cbFieldSet" data-role="controlgroup" style = "padding : 20px" >'); 




    var length = numArr.length; 

    for(var i=0;i<length;i++) 
    { 


    $("#cbFieldSet").append('<input type="checkbox" name= "cb-'+i+'" id="cb-' + i +'" number = "'+numArr[i].name+'"/> <label for= "cb-'+i+'">' + "Name : " + numArr[i].name + ' <br>' + "Email : " + numArr[i].email +' <br>' + " Number " + numArr[i].number +' <br>' + numArr[i].image + ' <br><br> </label>'); 


    alert("List Created !"); 

    } 

    alert("Out of For loop !");  

    $("#content").trigger("create"); 
    alert("Content Created !"); 
    $("#showBtn").css("visibility","visible"); 
    } 

    function showSelectedNames(){ 
    var count = $("#cbFieldSet input:checked").length; 
    var str = ''; 
    for(i=0;i<count;i++){ 
    str += ' '+$("#cbFieldSet input:checked")[i].value; 
} 
alert("You selected----"+str); 
} 


       </script> 

如何我收到的观点是:

This how image path is displaying instead of image

回答

0

我不知道这个特定的程序,

但我确实知道你传递的图像位置作为参数(文本)。

其他参数也是文本,并且您没有对图像参数做任何不同的处理以使UI显示图像。也许你缺少图像标签,或者“getImage(location)”类型的函数。

编辑:

<img src="PATH" /> 

你需要把路径作为图像的位置,这是什么将显示它。

+0

是的,你是对的,我保存图像作为文本,但有没有什么办法来定义保存数据的类型,或者我怎么能保存图像在我的本地存储,你有任何选择? – NSException 2012-07-31 07:43:06

+0

也许这可以回答你的问题:[链接](http://stackoverflow.com/questions/9322959/phonegap-images)或这[链接](http://wiki.phonegap.com/w/page/16494763/)建设%20A%20Self-Contained%20Application%20(iPhone)) – 2012-07-31 08:24:51

+0

@NSException使用正确的代码编辑我的答案。 – 2012-07-31 08:45:37