Question

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

虽然这是一个老问题，但有人可以提供一个完整示例，使用PhoneGap 在img元素中显示联系人图片。

提前致谢， prodeveloper。

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
                    });
            }
        }
    }

和我的约束

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

Answer 2

你可以直接使用
<img src="content://com.android.contacts/contacts/1502/photo" alt="Oops!!">
一旦你有了形象的网址！

使用PhoneGap以HTML格式显示联系人图像

2 个答案: