Phonegap、AngularJs 和联系人插件：如何渲染联系人图像

Posted 2023-03-07

【中文标题】Phonegap、AngularJs 和联系人插件：如何渲染联系人图像

【英文标题】：Phonegap, AngularJs and contacts plugin: how to render contact image

【发布时间】：2014-04-29 15:33:50

【问题描述】：

我做了很多搜索，但找不到正确的答案。 我还检查了 S.O. 中的其他相关问题。但他们没有帮助。

我使用 Phonegap 联系人插件来获取设备联系人，其中一个信息是联系人图片，这是一个具有“值”属性的对象，其内容如下：

"content://com.android.contacts/contacts/1896/photo"

我还没有找到渲染这张图片的方法，经典的

<img class="img-responsive img-rounded" ng-src="item.photos[0].value" />

没用。

我保存了联系人，其中包含从设备库中拍摄的图像， 所以我希望展示它。 我唯一能看到的是一个蓝色背景的白色小问号 （我认为这是标准的“未找到”图片）。

权限由插件安装设置。

这些是我目前安装的插件：

[ 'org.apache.cordova.camera',
  'org.apache.cordova.contacts',
  'org.apache.cordova.device',
  'org.apache.cordova.file',
  'org.apache.cordova.file-transfer'
  'org.apache.cordova.geolocation',
  'org.apache.cordova.network-inform
  'org.apache.cordova.splashscreen',
  'org.apache.cordova.vibration' ]

Phonegap 版本 3.4.0 科尔多瓦 3.4.1 版 AngularJS 版本 1.2.16

我希望有人可以提供帮助，同时提供适合 AngularJS 方式的解决方案。

谢谢

【问题讨论】：

我将要处理同样的问题，因为我正在使用 phonegap 并抓取联系人，但我还没有达到需要图像的地步，所以我会加注星标并当我弄清楚时回来并给予和更新。

我花了几天时间试图使这个工作（没有成功）。又过了几天才明白使用插件时需要添加 src="cordova_plugin.js" 。并用所有系统变量正确设置环境的天数。 Phonegap 是一个非常有趣的项目，但文档通常不完整或陈旧，很难以这种方式进行。无论如何，我仍然在寻找解决方案，如果我找到了，我会在这里发布。干杯

我听到你的声音。我遇到了类似的问题，我花了几个星期才在不破坏和正确安装插件的情况下构建它，并将我的联系人返回给我......我会及时通知你。

【参考方案1】：

你看到这篇文章了吗？

Angularjs 在每个 url 之前添加 unsafe: 如果它不受信任。

Unable to display contact photo in phonegap through angularjs

【讨论】：

我终于有时间对此进行测试了，它确实有效！非常感谢！