zoukankan      html  css  js  c++  java
  • 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, //需要显示的图片的数量
        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格式,没办法上传到我们的服务器,因此后来就放弃这种方法了,以后可以再研究下

  • 相关阅读:
    uploadify上传文件代码
    事务处理拼接sql语句对数据库的操作.异常回滚
    Scrum【转】
    Redis
    mybatis
    Spring MVC
    IOC的理解(转载)
    spring IOC与AOP
    git
    python基础2
  • 原文地址:https://www.cnblogs.com/xiaojun-zxj/p/5219311.html
Copyright © 2011-2022 走看看