0

ユーザーの名前、番号、および電子メールを保存しているPhoneGapアプリケーションに取り組んでいます。その後、そのデータをリストビューの別のページに表示しています。それは非常に成功しました。しかし、ローカルストレージにユーザーの画像を保存したい場合、画像ではなく画像のパスを取得しています。

この方法でデータを保存しています：

<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>

私が得ているビューは次のとおりです。

これは、画像の代わりに画像パスがどのように表示されるかです

4

1 に答える 1

0

この特定のプログラムについては知りませんが、

しかし、画像の場所を引数として渡していることは知っています (テキスト)。

他の引数もテキストであり、UI に画像を表示させるために image 引数を使用して何も変更していません。画像タグがないか、「getImage(location)」タイプの関数が欠落している可能性があります。

編集：

<img src="PATH" />

パスを画像の場所として配置する必要があり、これが表示されます。

于 2012-07-30T13:59:54.620 に答える