1. 程式人生 > >ionic呼叫本地相機拍照

ionic呼叫本地相機拍照

首先建立一個ionic專案,新增相機外掛

$ ionic cordova plugin add cordova-plugin-camera

$ npm install --save @ionic-native/camera

在app.module中引入外掛

然後在對應ts檔案中寫呼叫函式

getPictureByCamera() { const options:CameraOptions = { quality: 100,//圖片質量 destinationType: this.camera.DestinationType.FILE_URI,//返回值的格式 sourceType: this.camera.PictureSourceType
.CAMERA,//設定圖片的來源 allowEdit:true,//是否允許編輯 encodingType: this.camera.EncodingType.JPEG,//選擇返回的影象檔案的編碼
mediaType: this.camera.MediaType.PICTURE,//選擇媒體型別,根據sourceType確定 saveToPhotoAlbum: true//是否在拍照後儲存到相簿 }
this.camera.getPicture(options).then((imageURI)=> { // imageData is either a base64 encoded string or a file URI
// If it's base64: // let base64Image = 'data:image/jpeg;base64,' + imageData; // this.images.unshift({ // src:base64Image // }) this.images.unshift({ src: imageURI }) }, (err) => { // Handle error }); } 強調:在寫方法的時候,要在consture中宣告元件