android - 使用 PhoneGap 在 HTML 中显示联系人图像

Question

我试图在 HTML 页面的图像元素中显示带有 URL content://com.android.contacts/contacts/1/photo 的图像。

虽然这是一个老问题，但谁能给我一个使用PhoneGap在img元素中显示联系人图像的完整示例。

提前致谢，支持开发人员。

Answer 1

我读了很多关于这个问题的文章，这个问题似乎在 cordova 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
                    });
            }
        }
    }

和我的绑定(bind)

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