我創建了一個通過cordova拍照的應用程式我想集成無需離開相機即可拍攝多張照片的功能ES：單擊按鈕，拍攝10張照片，然后像whatsapp一樣上傳它們
uj5u.com熱心網友回復：
使用 Media Capture Plugin 它有多個影像的限制選項：
安裝：
離子cordova插件添加cordova-plugin-media-capture
npm install @ionic-native/media-capture
import { MediaCapture, MediaFile, CaptureError, CaptureImageOptions, CaptureVideoOptions } from '@ionic-native/media-capture/ngx';
constructor(private mediaCapture: MediaCapture) { }
CaptureMultiplePhotos(){
let options: CaptureImageOptions = { limit: 3 } // pass your limit for images
this.mediaCapture.captureImage(options)
.then(
(data: MediaFile[]) => {
console.log('Your Multiple Photos Array:', data)
},
(err: CaptureError) => console.error(err)
);
}
uj5u.com熱心網友回復：
.HTML
<ion-content [fullscreen]="true">
<ion-button color="primary" (click)="CaptureMultiplePhotos()">Scatta</ion-button>
</ion-content>
.TS
import { Component, NgZone } from '@angular/core';
import { MediaCapture, MediaFile, CaptureError, CaptureImageOptions } from '@ionic-native/media-capture/ngx';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
constructor(private mediaCapture: MediaCapture) {}
CaptureMultiplePhotos(){
const options: CaptureImageOptions = { limit: 3 }; // pass your limit for images
this.mediaCapture.captureImage(options)
.then(
(data: MediaFile[]) => {
console.log('Your Multiple Photos Array:', data);
},
(err: CaptureError) => console.error(err)
);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/398190.html