cordova imagePicker 使用
cordova imagePicker 使用
tianyawhl 发表于1年前
cordova imagePicker 使用
  • 发表于 1年前
  • 阅读 22
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

首先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

后在真机或者模拟器上看

共有 人打赏支持
粉丝 2
博文 161
码字总数 61296
×
tianyawhl
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: