Question

我正在寻找一种方法来使用移动相机捕捉照片并将其上传到Angular 2+中的服务器。有可能吗？

我可以找到很多上传文件教程，但甚至没有一个辅导如何访问移动摄像头并使用拍摄的照片。

Answer 1

好的，所以我终于得到了我需要的东西。在.html文件中：

＆＃13;

<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" (change)="onFileSelected($event)">
<button type="button" (click)="onUpload()">Upload File</button>

＆＃13;

<。>在.ts文件中：

＆＃13;

export class AppComponent {
  title = 'app';
  selectedFile = null;

  onFileSelected(event)
  {
    this.selectedFile = event.target.files[0];
  }

  onUpload()
  {
    console.log(this.selectedFile); // You can use FormData upload to backend server
  }
}

＆＃13;

使用＆＃34; selectedFile＆＃34;随你的照片需要变化。

注意：它仅适用于iOS6 +，我已经检查过Android并且运行良好。

Angular 5移动相机捕获

1 个答案: