cordovaCamera使用Ionic

时间:2018-01-24 20:47:53

标签: cordova ionic-framework ionic-native

我正在尝试在我的Ionic应用程序中创建按钮,允许用户拍照,然后在手机图库中查看。

我可以使用下面的代码启动相机并拍照。这只允许我两个选项:重拍照片或使用照片。

我没有看到通常显示在屏幕左下角的iPhone相机实用程序中的缩略图。

我如何

a。)当我启动此功能时,将缩略图添加到左下角,就像本机实用程序一样

OR

b。)添加第二个按钮,至少启动电话库以查看照片

启动相机的按钮:

function ($scope, $stateParams,$cordovaCamera) {
$scope.buttonClick = function() {

  var options = {
      destinationType: Camera.DestinationType.DATA_URL,
      sourceType: Camera.PictureSourceType.CAMERA,
      saveToPhotoAlbum:true

    };

1 个答案:

答案 0 :(得分:0)

您可以使用getPicture方法:

$scope.takePicture = function(sourceType) {
    navigator.camera.getPicture(
      function(FILE_URI) {
        // FILE_URI is the url image 
        console.log(FILE_URI)
      },
      function(e) {
        $ionicPopup.alert({
          title: "Error",
          okText: "Ok",
          template:e
        });
      },
      {
        quality: 50,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: sourceType,
        encodingType: Camera.EncodingType.JPEG,
        mediaType: Camera.MediaType.PICTURE
      }
    );
  };