文档章节

cordova imagePicker 使用

tianyawhl
 tianyawhl
发布于 2016/12/08 17:06
字数 114
阅读 35
收藏 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
粉丝 1
博文 200
码字总数 98515
作品 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 安装与使用命令

安装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
Cordova-创建你的第一个App

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

tianyawhl
2017/11/06
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
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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

HTTPS is easy

HTTPS is easy https://www.troyhunt.com/https-is-easy/ HTTPS is easy! In fact, it's so easy I decided to create 4 short videos around 5 minutes each to show people how to enable ......

openthings
14分钟前
0
0
bugList 2

用户端: 1. 上传文件时,当选择:彩色-A3-双面时,第二个图片有bug 应改为 和第一个图片的类型相同 2. 确认打印时,三个下拉选目前有bug 应改为:根据后台配置的商家,group by计算出不同城...

勇恒
17分钟前
2
0
keras cnn 网咯 mnist 分类

搭建貌似比tf是简单很多。。。。。 from keras.datasets import mnistfrom keras.utils import np_utilsfrom keras.models import Sequentialfrom keras.layers import Dense, Activat......

阿豪boy
20分钟前
0
0
解决 /var/run/nginx.pid failed

nginx: [error] open() "/var/run/nginx.pid" failed (2: No such file or directory) sudo nginx -c /etc/nginx/nginx.conf nginx -s reload...

驛路梨花醉美
21分钟前
0
0
nginx负载均衡-ssl原理-生成ssl密钥对-nginx配置ssl

nginx负载均衡: 1.创建配置文件 vim /usr/local/nginx/conf/vhost/load.conf #添加以下内容: upstream qq_com #名字自定义,借助此模块定义多个IP,后面...

ZHENG-JY
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部