微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用角度渐进式 Web 应用程序将文件图像保存在桌面或移动文件夹中

如何解决使用角度渐进式 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 举报,一经查实,本站将立刻删除。