ionic下拍照获取带有GPS的EXIF信息

ionic下使用Apache Cordova Plugin camera插件进行拍照或者从手机相册中选择照片,使用方法也很简单,首先安装cordova-plugin-camera插件:

cordova plugin add cordova-plugin-camera

然后使用下面的代码实现拍照的功能:

$ionicPlatform.ready(function() {
$cordovaCamera.getPicture({
quality: 60, targetWidth: 200, targetHeight: 200,
saveToPhotoAlbum: false, allowEdit: false,
encodingType: navigator.camera.EncodingType.JPEG,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType[CAMERA]
}).then(function(imageData) {
// 处理图片数据
}, function(err) {
});
});

如果在iOS下想要获取EXIF信息的话需要首先在config.xml文件中添加如下的配置项:

获取EXIF信息的话需要使用第三方的js库,这里使用Exif.js,代码如下(已经引用Exif.js文件):

$ionicPlatform.ready(function() {
$cordovaCamera.getPicture({
quality: 60, targetWidth: 200, targetHeight: 200,
saveToPhotoAlbum: false, allowEdit: false,
encodingType: navigator.camera.EncodingType.JPEG,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType[CAMERA]
}).then(function(imageData) {
// 处理图片数据
window.resolveLocalFileSystemURL(imageData, function(entry) {
entry.file(function(file) {
EXIF.getDate(file, function() {
console.log(EXIF.pretty(this));
});
}, function(err) {
});
}, function(err) {
// file error
});
}, function(err) {
});
});

不过很奇怪,使用上面的方法在iOS下只能获取部分的EXIF信息,并且无法获取GPS相关的信息,Android下面没有测试。期间又测试了Cordova Exif等几个获取EXIF信息的库,不是根本无法获取到任何EXIF信息,就是获取到的信息不全。

最后在Cordova Exif的issues页面中找到了一个cordova-plugin-camera-with-exif插件,这个插件其实是Cordova Camera Plugin插件的一个扩展,其返回的结果是一个JSON形式的字符串,里面包含的完整的EXIF信息,测试下来在iOS和Android下面都运行正常,就是其最后的JSON字符串结果比较变态,一是没有提供一个合法的JSON对象,二是Android和iOS下面的参数竟然都不一致,需要根据平台进行转换,可以将解析的方法独立成一个service方法。

需要特别注意的是,使用cordova-plugin-camera-with-exif的时候,destinationType只能设置成navigator.camera.DestinationType.FILE_URI,否则在iOS下面会出现闪退,这应该是作者在编译的时候只考虑了FILE_URI的情况。采用这种方式,如果想要获取文件的Base64字符串可以使用FileReader对象进行读取。

参考资料:
Take picture with geo location doesn’t work!
Phonegap / Cordova camera plugin - how to get photo's date/time stamp?
Cordova 3.6: how can I extract GPS Exif data from photo library in Android?
Camera exif data are always undefined

One thought to “ionic下拍照获取带有GPS的EXIF信息”

  1. 想问下这个用ionic是怎么做的,我一直调试不通,能不能说的详细些,我邮箱1048064873@qq.com

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注