cordova imagePicker 使用

首先html 文件javascript

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

 設置export class ContactPage {} 裏面的默認的headface頭像html

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-pickerjava

瀏覽器中看不出效果,要打包android

ionic build android 或者cordova build android瀏覽器

後在真機或者模擬器上看ionic

相關文章
相關標籤/搜索