如何解决使用角度渐进式 Web 应用程序将文件图像保存在桌面或移动文件夹中
由于库 ngx-webcam,我最近实现了相机功能。
我希望拍摄的每张照片都自动进入我的手机或 PC 的“图像”文件夹。我不知道我该怎么做。
这是照片捕获的代码:
html:
<!-- PICTURE ZONE ----------------------------------->
<div style="text-align: center; padding-top: 30px;" class="picture-zone-container">
<webcam *ngIf="showWebcam"
[width]="300"
[height]="450"
[trigger]="triggerObservable"
[switchCamera]="nextWebcamObservable"
[imageQuality]="1"
(imageCapture)="handleImage($event)"
(initError)="handleInitError($event)">
</webcam>
</div>
打字稿:
showWebcam = true;
allowCameraSwitch = true;
multipleWebcamsAvailable = false;
deviceid: any;
errors: WebcamInitError[] = [];
// latest snapshot
webcamImage: WebcamImage = null;
// webcam snapshot trigger
trigger: Subject<void> = new Subject<void>();
// switch to next / prevIoUs / specific webcam; true/false: forward/backwards,string: deviceid
nextWebcam: Subject<boolean | string> = new Subject<boolean | string>();
ngOnInit(): void {
WebcamUtil.getAvailableVideoInputs()
.then((mediaDevices: MediaDeviceInfo[]) => {
this.multipleWebcamsAvailable = mediaDevices && mediaDevices.length > 1;
});
}
triggerSnapshot(): void {
this.trigger.next();
}
toggleWebcam(): void {
this.showWebcam = !this.showWebcam;
}
handleInitError(error: WebcamInitError): void {
this.errors.push(error);
}
showNextWebcam(directionordeviceid: boolean | string): void {
this.nextWebcam.next(directionordeviceid);
}
handleImage(webcamImage: WebcamImage): void {
console.info('received webcam image',webcamImage);
this.webcamImage = webcamImage;
}
get triggerObservable(): Observable<void> {
return this.trigger.asObservable();
}
get nextWebcamObservable(): Observable<boolean | string> {
return this.nextWebcam.asObservable();
}
非常感谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。