ionic呼叫本地相機拍照
阿新 • • 發佈:2019-02-06
首先建立一個ionic專案,新增相機外掛
.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中宣告元件
$ 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.PictureSourceTypemediaType: this.camera.MediaType.PICTURE,//選擇媒體型別,根據sourceType確定 saveToPhotoAlbum: true//是否在拍照後儲存到相簿 }
this.camera.getPicture(options).then((imageURI)=> { // imageData is either a base64 encoded string or a file URI