Cordova各个插件使用介绍系列(三)—$cordovaImagePicker从手机图库选择多张图片
2016-02-26 09:38
721 查看
详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-3-cordovaimagepicker/
这是能从手机里选择多张图片的插件,是当时在做相机、上传图片相关的功能时在ngCordova官网看到的,下面简单介绍一下它的用法:
1、首先需要有一个简单的项目,然后在命令行输入添加插件的命令:
这是能从手机里选择多张图片的插件,是当时在做相机、上传图片相关的功能时在ngCordova官网看到的,下面简单介绍一下它的用法:
1、首先需要有一个简单的项目,然后在命令行输入添加插件的命令:
cordova plugin add https://github.com/wymsee/cordova-imagePicker.git[/code]
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格式,没办法上传到我们的服务器,因此后来就放弃这种方法了,以后可以再研究下
相关文章推荐
- 【Maven进阶三】 Failed to execute goal org.apache.maven.plugins:maven-archetype-plugin:2.4……
- bind:address already in use的深刻教训以及解决办法
- Cordova各个插件使用介绍系列(三)—$cordovaImagePicker从手机图库选择多张图片
- mailto的使用技巧分享
- 表单 action mailto发邮件
- Runtime学习--转载自http://www.saitjr.com/ios/objc-runtime.html
- 自定义一个迭代器并通过main函数测试成功
- MFC学习笔记之三(粒子系统+怪物简单AI+碰撞检测)
- MongoDB性能篇之创建索引,组合索引,唯一索引,删除索引和explain执行计划
- Hermes Container Hack Day参赛回顾
- Thinking in "inside Einstein mind" to AI
- 219. Contains Duplicate II
- UVA 442(p141)----Matrix Chain Multiplication
- UVA 253(p97)----Cube painting
- 研究一下TForm.WMPaint过程(也得研究WM_ERASEBKGND)——TForm虽然继承自TWinControl,但是自行模仿了TCustomControl的全部行为,一共三种自绘的覆盖方法,比TCustomControl还多一种
- TPanel的默认颜色存储在dfm中,读取后在Paint函数中设置刷子的颜色,然后填充整个背景
- LightOJ 1236 Pairs Forming LCM(唯一分解定理)
- IielgnairTs'lacsaP.119
- poll_wait阻塞/唤醒
- elgnairTs'lacsaP.118