码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-02-27 01:07:56      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:ngcordova获取多张图片插件   手机   

详情链接: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格式,没办法上传到我们的服务器,因此后来就放弃这种方法了,以后可以再研究下


本文出自 “11141997” 博客,请务必保留此出处http://11151997.blog.51cto.com/11141997/1745426

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

标签:ngcordova获取多张图片插件   手机   

原文地址:http://11151997.blog.51cto.com/11141997/1745426

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!