使用PhoneGap在HTML中顯示聯繫人圖像

Question

我試圖在HTML頁面的圖像元素中顯示帶有URL content://com.android.contacts/contacts/1/photo的圖像。

雖然這是一個老問題，任何人都可以請給我一個完整的例子來顯示img元素中的聯繫人圖片使用PhoneGap。

在此先感謝， prodeveloper。

Answer 1

我在這個問題上看了很多，問題似乎解決了科爾多瓦3.2.0 這裏是我的代碼。

您不需要創建臨時圖像或其他東西。

var init = function() { 
     var options = new ContactFindOptions(); 
     options.filter = "";   // empty search string returns all contacts 
     options.multiple = true;  // return multiple results 
     var filter = ["displayName", 
      "phoneNumbers", 
      "photos"]; 
     navigator.contacts.find(filter, onSuccess, onError, options); 
    }; 

    function onSuccess(contacts) { 
     var contactPhoto; 

     for (var i = 0; i < contacts.length; i++) { 
      if (contacts[i].displayName && contacts[i].phoneNumbers) { 
       contactPhoto = defaultvalue; 
       if (contacts[i].photos) { 
        for (var j = 0; j < contacts[i].photos.length; j++) 
         if (contacts[i].photos[j].value) { 
          contactPhoto = contacts[i].photos[j].value; 
          break; 
         } 
       } 
       showContactsModel.Contacts.add(
        { 
         displayName: contacts[i].displayName, 
         phoneNumbers:contacts[i].phoneNumbers, 
         photo: contactPhoto 
        }); 
      } 
     } 
    } 

和我的結合

<img data-bind="attr:{src: photo}" alt="something.png" /> 

Answer 2

你可以直接使用
<img src="content://com.android.contacts/contacts/1502/photo" alt="Oops!!">
一旦你有圖片的URL！