Angular 5移动相机拍摄

Question

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

我可以找到很多上传文件的教程，但找不到指导如何访问移动相机和使用捕获的照片的教程。

Answer 1

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

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

在.ts文件中：

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
  }
}

使用“ selectedFile”变量来处理照片。

注意：它仅在iOS6 +上有效，我已经在android上进行了检查，并且效果很好。