文档章节

cordova imagePicker 使用

tianyawhl
 tianyawhl
发布于 2016/12/08 17:06
字数 114
阅读 25
收藏 0
点赞 0
评论 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
博文 192
码字总数 88621
作品 0
常州
前端工程师
新建cordova应用,插件开发教程系列(总目录)

以下几篇是连续的教程,代码也是连续的,包括如下章节: 新建cordova应用 https://my.oschina.net/u/1251858/blog/1799002 使用cordova把h5应用打包成apk https://my.oschina.net/u/1251858/...

canneljls ⋅ 04/21 ⋅ 0

开发原生安卓cordova插件(基础)

cordova应用如果需要调用原生安卓接口,方法是使用cordova插件,cordova官方提供了主流原生功能的插件,但如果还不能满足需求,也可以自己开发cordova插件 以下介绍开发一个最简单的插件,功...

canneljls ⋅ 04/21 ⋅ 0

使用cordova把h5应用打包成apk

由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1代码可从百度网盘下载:链...

canneljls ⋅ 04/21 ⋅ 0

cordova打包问题,Execution failed for task ':processDebugResources'.

运行cordova run android 或者cordova build android都会有下面的错误与,请问这个怎么解决呢? --------------------------------------------------------------------------------------......

茗香墨语 ⋅ 05/30 ⋅ 0

Cordova开发App入门(四)打开及下载第三方App

前言 在开发app时经常会碰到这种需求:我要在A应用中打开B应用,那么用Cordova如何实现呢? 欲知后事如何,且听下回分解...... ... 大大大大佬,别,别打我,我继续写还不行了吗。本文涉及到...

慕冬雪 ⋅ 昨天 ⋅ 0

开发原生安卓cordova插件(有原生界面)

上文开发的插件没有调用原生界面,本文介绍开发带有activity的插件 本文很多操作与上文重复,重复部分会省略 首先打开plug1,先开发插件的原生代码 在以下命名空间创建一个activity 名称为A...

canneljls ⋅ 04/21 ⋅ 0

cordova 打包失败,publishNonDefault is deprecated

1、创建好了项目,也添加了平台 ,执行打包的时候就出现如下图,也不像报错,但就是不往下执行了。每次打包都是到这一步。cordova build android 或 cordova build android --release都是一样...

毛兴峰 ⋅ 06/09 ⋅ 0

cordova android build FAILED

下面的命令也许可以治好: 参考: https://cordova.apache.org/docs/en/latest/reference/cordova-cli/index.html#cordova-clean-command...

郭大鹏 ⋅ 04/16 ⋅ 0

cordova应用使用手机调试

对于cordova应用的调试,最方便调试方式还是作为h5应用在浏览器来调试,调试好了再打包cordova应用和打包apk。然而h5应用时的效果跟最终在安卓手机运行还有少数情况会不一样,因此,也需要有...

canneljls ⋅ 04/21 ⋅ 0

Cordova源码解析(二)- 自定义UserAgent

没有提供设置UserAgent的接口,但是有一个办法可以间接的设置。 通过设置中的值来修改,但是这种设置方法有一个限制,需要在的之前调用才能生效(加载PDF比较特殊)。这是Cordova源码中关于这个...

莫云溪 ⋅ 05/15 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

如何优雅的编程——C语言界面的一点小建议

我们鼓励在编程时应有清晰的哲学思维,而不是给予硬性规则。我并不希望你们能认可所有的东西,因为它们只是观点,观点会随着时间的变化而变化。可是,如果不是直到现在把它们写在纸上,长久以...

柳猫 ⋅ 32分钟前 ⋅ 0

从零手写 IOC容器

概述 IOC (Inversion of Control) 控制反转。熟悉Spring的应该都知道。那么具体是怎么实现的呢?下面我们通过一个例子说明。 1. Component注解定义 package cn.com.qunar.annotation;impo...

轨迹_ ⋅ 33分钟前 ⋅ 0

系统健康检查利器-Spring Boot-Actuator

前言 实例由于出现故障、部署或自动缩放的情况,会进行持续启动、重新启动或停止操作。它可能导致它们暂时或永久不可用。为避免问题,您的负载均衡器应该从路由中跳过不健康的实例,因为它们...

harries ⋅ 34分钟前 ⋅ 0

手把手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]

写在前面: 使用 vue-cli 可以快速创建 vue 项目,vue-cli很好用,但是在最初搭建环境安装vue-cli及相关内容的时候,对一些人来说是很头疼的一件事情,本人在搭建vue-cli的项目环境的时候也是...

韦姣敏 ⋅ 45分钟前 ⋅ 0

12c rman中输入sql命令

12c之前版本,要在rman中执行sql语句,必须使用sql "alter system switch logfile"; 而在12c版本中,可以支持大量的sql语句了: 比如: C:\Users\zhengquan>rman target / 恢复管理器: Release 1...

tututu_jiang ⋅ 59分钟前 ⋅ 0

Nginx的https配置记录以及http强制跳转到https的方法梳理

Nginx的https配置记录以及http强制跳转到https的方法梳理 一、Nginx安装(略) 安装的时候需要注意加上 --with-httpsslmodule,因为httpsslmodule不属于Nginx的基本模块。 Nginx安装方法: ...

Yomut ⋅ 今天 ⋅ 0

SpringCloud Feign 传递复杂参数对象需要注意的地方

1.传递复杂参数对象需要用Post,另外需要注意,Feign不支持使用GetMapping 和PostMapping @RequestMapping(value="user/save",method=RequestMethod.POST) 2.在传递的过程中,复杂对象使用...

@林文龙 ⋅ 今天 ⋅ 0

如何显示 word 左侧目录大纲

打开word说明文档,如下图,我们发现左侧根本就没有目录,给我们带来很大的阅读障碍 2 在word文档的头部菜单栏中,切换到”视图“选项卡 3 然后勾选“导航窗格”选项 4 我们会惊奇的发现左侧...

二营长意大利炮 ⋅ 今天 ⋅ 0

智能合约编程语言Solidity之线上开发工具

工具地址:https://ethereum.github.io/browser-solidity/ 实例实验: 1.创建hello.sol文件 2.调试输出结果

硅谷课堂 ⋅ 今天 ⋅ 0

ffmpeg 视频格式转换

转 Mp4 格式 #> ffmpeg -i input.avi -c:v libx264 output.mp4#> ffmpeg -i input.avi -c:v libx264 -strict -2 output.mp4#> ffmpeg -i input.avi -c:v libx264 -strict -2 -s 1......

Contac ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部