使用角度渐进式 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 (将#修改为@）