文档章节

cordova imagePicker 使用

tianyawhl
 tianyawhl
发布于 2016/12/08 17:06
字数 114
阅读 40
收藏 0

首先html 文件

<ion-row>
  <img src="{{user.headface}}"  (click)="uploadImages()">
</ion-row>
import {ImagePicker} from 'ionic-native';

 设置export class ContactPage {} 里面的默认的headface头像

public user={
       username : '',
       userpassword :'' ,
       headface:'images/2.png'  
}
  uploadImages(){

   let options = {
                maximumImagesCount: 10,
            };  
  ImagePicker.getPictures(options).then((results) => {
  for (var i = 0; i < results.length; i++) {
      alert('Image URL: ' + results[i]);
  }
}, (err) => { 
    alert('Image ERR: ' + err);
  });
}

注意先要安装imagePicker插件,命令:ionic plugin add cordova-plugin-image-picker

浏览器中看不出效果,要打包

ionic build android 或者cordova build android

后在真机或者模拟器上看

© 著作权归作者所有

共有 人打赏支持
tianyawhl
粉丝 2
博文 214
码字总数 108562
作品 0
常州
前端工程师
cordova 常用命令、插件

安装 cordova: npm install -g cordova 创建应用程序 cordova create hello com.example.hello HelloWorld 添加平台 cordova platform add android cordova platform add ios 完成后运行以下......

Jack088
2015/03/24
0
2
Cordova-创建你的第一个App

最近学习了下cordova,记录下操作步骤以及遇到的问题,方便自己和别人查找。 1、下载和安装Node.js。安装完成后你可以在命令行中使用node 和npm(查看版本node -v ,npm-v) 2、npm install -...

tianyawhl
2017/11/06
0
0
Cordova 安装与使用命令

安装Cordova前先安装 nodejs https://nodejs.org/ 使用命令安装Cordova npm install -g cordova //安装Cordova npm update -g cordova //更新Cordova 命令新建项目 cordova create hello com......

yan5845hao
2015/05/06
0
0
html5转义为相应移动端app-Apache cordova+NodeJS环境配置

1.必要环境 1.1 Java的JDK安装配置 设置环境变量: 在环境变量的系统变量设置 JAVAHOME:C:Program FilesJavajdk1.8.005; 再在设置系统变量 Classpath:.;%JAVAHOME%libdt.jar;%JAVAHOME%l...

w-rain
2015/03/31
0
0
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) Mobile App分为三大类:Native App,Hybrid App,Web App。其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用...

youxizhe
2014/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQBrowser.exedeepin-wine QQMusicSetup.exe 默认安装的快捷方式位置: /root/.wine/drive_c/'Program Files'/Tencent/QQBrowser/......

临江仙卜算子
44分钟前
2
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
51分钟前
3
0
聊聊:Linux分区的那些方案

安装linux的整体步骤其实比较简单,唯一可能值得说明的地方,大概就是linux的分区了。 下面来给大家推荐一些分区方案。 1 分两个区 实际上,很多时候我们只需要分两个区:`/`和交换分区,日常...

Linux就该这么学
今天
1
0
适配器模式和外观模式

适配器模式: 将一个类的接口,转换成客户期望的另一个接口。适配器让原本不兼容的类可以合作无间。 例子: //将Enumeration转换成Iteratorpublic class EnumerationIterator implements Iter...

王怀楼
今天
4
0
7-CXF与Spring整合发布webservice

Spring+CXF整合来管理webservice 实现步骤: 1. 添加cxf.jar 包(集成了Spring.jar、servlet.jar ),spring.jar包 ,servlet.jar 包 2. 编写业务类,通过CXF来发布webservice 员工管理: 方法...

江戸川
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部