Cordova各个插件使用介绍系列（三）—$cordovaImagePicker从手机图库选择多张图片

详情链接地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-3-cordovaimagepicker/

这是能从手机里选择多张图片的插件，是当时在做相机、上传图片相关的功能时在ngCordova官网看到的，下面简单介绍一下它的用法：

1、首先需要有一个简单的项目,然后在命令行输入添加插件的命令:

cordova plugin add https://github.com/wymsee/cordova-imagePicker.git

2、在HTML中的代码如下，要调用相应的控制器里的函数来使用插件，我来简单的写一下：

<div ng-repeat="item in allImg">
    <img class="full-image img-responsive" ng-src="{{item.img}}"
    />
<div>

　　

3、在JS中的代码如下,这个代码写在相应的控制器里并且依赖‘$cordovaImagePicker’，记得在app.js里依赖‘ngCordova’,这是ngCordova官网的控制器里面的代码，：

var options = {
   maximumImagesCount: 10, //需要显示的图片的数量
   width: 800,
   height: 800,
   quality: 80
  };
$scope.getImages = function(){
	$cordovaImagePicker.getPictures(options)
    .then(function (results) {
      for (var i = 0; i < results.length; i++) {
        console.log('Image URI: ' + results[i]);

      }
    }, function(error) {
      // error getting photos
    });
}

　　

这样子就可以多选照片了，但是这个插件选择完照片后的数据不是Base64格式，没办法上传到我们的服务器，因此后来就放弃这种方法了，以后可以再研究下