ionic项目之ngcordova插件之camera

参考文章

https://github.com/driftyco/ng-cordova

http://ngcordova.com/docs/plugins/camera/

官方解释是既可以用来拍照也可以录视频(只试用了拍照功能)


首先,装插件  cordova plugin add org.apache.cordova.camera

然后,如果之前配置过ngcordova的话,就直接在控制器加上$cordovaCamera就好了


有两种方法获取拍照得到的图片

1,拍照返回64位的图片数据(destinationType: Camera.DestinationType.DATA_URL)

2,拍照返回图片文件的实际存储地址(destinationType: Camera.DestinationType.FILE_URI)


1,拍照返回64位的图片数据(成功了,可是图片数据即使100%的质量也很不清晰)

var options = {
      quality: 50,
      destinationType: Camera.DestinationType.DATA_URL,
      sourceType: Camera.PictureSourceType.CAMERA,
      allowEdit: true,
      encodingType: Camera.EncodingType.JPEG,
      targetWidth: 100,
      targetHeight: 100,
      popoverOptions: CameraPopoverOptions,
      saveToPhotoAlbum: false
    };

    $cordovaCamera.getPicture(options).then(function(imageData) {
      var image = document.getElementById('myImage');
      image.src = "data:image/jpeg;base64," + imageData;
    }, function(err) {
      // error
    });

2,拍照返回图片文件的实际存储地址(实验不成功,暂没找到问题)

var options = {
      destinationType: Camera.DestinationType.FILE_URI,
      sourceType: Camera.PictureSourceType.CAMERA,
    };

    $cordovaCamera.getPicture(options).then(function(imageURI) {
      var image = document.getElementById('myImage');
      image.src = imageURI;
    }, function(err) {
      // error
    });


    $cordovaCamera.cleanup().then(...); // only for FILE_URI

把这句话去了就正常了(暂时没看到这句话有什么影响) $cordovaCamera.cleanup().then(...); // only for FILE_URI
   返回的图片地址信息为(file:///storage/emulated/0/DCIM/Camera/pic.jpg) 与选取图片文件插件方法返回的图片地址(data/data下) 不一样

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值