在使用ionic默认的照片选择器,只能单选一个照片,不是很方便,所以一般使用cordova-plugin-image-picker插件。
第一步要将插件添加到项目,进入项目目录,运行
ionic plugin add cordova-plugin-image-picker
第二步在相应的controller里面添加方法,具体参数含义可以搜索一下
$scope.image_list = [];
$scope.pictureLibrary=function(){
var options = {
maximumImagesCount: 10,
width: 800,
height: 800,
quality: 80
};
$cordovaImagePicker.getPictures(options)
.then(function (results) {
$scope.image_list = results;
}, function(error) {
// error getting photos
alert("error"+error);
});
};
第三步是在页面进行调用,以及图片预览
<button class="button button-assertive" ng-click="pictureLibrary()">
相册
</button>
<ion-list>
<div class="row row-wrap">
<div class="col col-20" ng-repeat="image in image_list">
<img src={{image}} width="100%"/>
</div>
</div>
</ion-list>
前三步已经可以正常使用了,但是你会发现,它的按钮以及提示都是用的英文,如果你觉得不影响,那到第三步就可以结束了,如果想改成中文,那么还需要以下几步。
第四步,找到目录platforms/android/res有国际化的几个文件夹
values-de
values-es
values-fr
values-hu
values-ja
values-ko
看到这里我想,你可能已经会了,就是复制一个文件夹并改名values-zh,里面相应的文件multiimagechooser_strings_ko.xml也同样改名multiimagechooser_strings_zh.xml,并替换内容
<?xml version='1.0' encoding='UTF-8'?>
<resources>
<string name="multi_app_name">图片选择器</string>
<string name="free_version_label">免费版本 - 剩余图片: %d</string>
<string name="error_database">打开相册出现错误. </string>
<string name="requesting_thumbnails">请稍后。。。</string>
<string name="discard">取消</string>
<string name="done">确定</string>
</resources>
第五步,修改源码文件platforms/android/src/com/synconset/MultiImageChooserActivity.java第175行开始(不同版本行数可能不一致),搜索一下
progress = new ProgressDialog(this);
progress.setTitle("图片处理");
progress.setMessage("请稍后。。。");
这样基本上就修改完成了,我步骤写的感觉还是比较详细的,但是不了解ionic开发以及目录结构的可能还是没那么容易看懂,使用本身并没有多复杂,只要细心就很容易完成,很少发博客,希望大家指正。
分享到:
相关推荐
本文将详细介绍如何借助 `cordova-plugin-wechat` 和 `cordova-plugin-qqsdk` 插件实现在 Ionic 应用中实现微信和 QQ 的分享功能。 1. **申请 AppID** 在使用微信和 QQ 分享功能之前,你需要在相应的开放平台上...
ionic3使用cordova-plugin-ImagePicker 插件实现仿微信相册选图。因为直接add plugin 下载不下来。故直接github上下载然后打包上传以便日后使用
在 Ionic 应用中,有时我们需要集成原生设备功能,例如相机,这时就用到了 `cordova-plugin-camera` 插件。这个插件是针对 Apache Cordova 平台设计的,使得 JavaScript 可以调用原生设备的相机功能。 `cordova-...
当我们结合两者,通过"ionic-sublime-plugin"插件,可以进一步提升对Ionic项目的开发体验。 该插件是专为Sublime Text 2和3设计的,意味着无论你使用的是哪个版本的Sublime,都可以无缝地集成此插件,享受其带来的...
注意:此存储库及其文档适用于cordova-plugin-ionic-webview @ 5.x ,它使用的新功能可能不适用于所有应用程序。 请参阅和 2.x文档可以在找到。 :open_book: 文档: : :megaphone: 支持/问题? 有关常规支持...
cordova-plugin-facebook4, 在Cordova和Ionic项目中,使用最新的Facebook SDK cordova-plugin-facebook4在in项目中使用 Facebook SDK版本 4安装有关版本,请参见npm包 ...faceboo
一个Cordova插件,用于在Android和iOS中解压缩文件。 安装 cordova plugin add cordova-plugin-zip 用法 zip.unzip(, , , []); 源和目标参数都可以是从HTML File界面获得的URL,也可以是设备上文件的绝对路径。 当...
开发者可以通过查看和运行这个Demo,了解如何在实际项目中集成和使用插件功能。 7. **开发流程**:开发过程中,首先需要安装Cordova和Ionic,然后创建项目,接着添加目标平台(如Android、iOS),安装`cordova-...
微信支付 cordova 插件 支持ios, android 开通服务: 安装 cordova plugin add cordova-plugin-payments-wechatpay --variable PAYMENT_WECHAT_APP_ID=你的ID --save 或 ionic cordova plugin add cordova-plugin-...
【标题】"Ionic-Cordova演示项目" 这个压缩包文件名为"ionic-cordova-demo-master.zip",暗示它包含了一个基于Ionic和Cordova框架的演示应用程序的源代码。 Ionic是一款流行的开源框架,用于构建高性能的混合移动...
支持平台的iOS 安卓安装要安装插件: cordova plugin add cordova-plugin-background-upload --save要卸载此插件: cordova plugin rm cordova-plugin-background-upload样本用法该插件需要在上传之前进行初始化。...
科尔多瓦高级HTTP Cordova / Phonegap插件,用于与HTTP服务器通信。 支持iOS,Android和 。 这是的分支。与Javascript请求相比的优势后台线程-所有请求都在... 带离子型包装纸查看Ionic文档,了解如何将此插件与Ionic-
Cordova的文件打开器插件 该插件将使用其默认应用程序在您的设备文件系统上打开一个文件。 cordova . plugins . fileOpener2 . open ( filePath , fileMIMEType , { error : function ( ) { } , success : function ...
在这个场景中,我们关注的是一个名为`phonegap-plugin-barcodescanner`的插件,这是一个专门为PhoneGap/Cordova设计的扫码功能插件。 这个插件的主要作用是在iOS和Android等平台上实现条形码和二维码的扫描功能。...
该插件符合Cordova插件规范,可以使用Cordova / Phonegap命令行界面进行安装。 phonegap plugin add cordova-plugin-advanced-http cordova plugin add cordova-plugin-advanced-http 用法 平原科尔多瓦 该插件注册...
对于Ionic 3,可以使用`cordova-plugin-ble-central`或`cordova-plugin-ble`等插件。这些插件允许你扫描附近的蓝牙低功耗(Bluetooth Low Energy, BLE)设备,连接到它们,读写特征值,以及订阅通知。 安装插件的步骤...
如果您不想使用新版本的功能,则可以回退到3.0.0之前的版本科尔多瓦插件微信Cordova插件,微信SDK的JS版本特征检查微信客户端是否安装; 分享文字,图片,链接,音乐,视频,小程序到微信时间轴,会话或收藏夹; ...
由于`cordova-plugin-seuic-scanner`是与Ionic一起使用的,我们可以推断这个插件已经适配了Angular的模块化和依赖注入机制,使得在Ionic应用中集成和使用变得更加简单。 对于“广播”方式的扫码,这是一种Android中...
cordova-plugin-ratio-crop将插件添加到应用程序模块上的提供程序部分import { RatioCrop } from 'ionic-cordova-plugin-ratio-crop' ;import { Camera } from '@ionic-native/camera' ;...@ NgMo