2012-07-30 89 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