角度 2-12 移动相机捕获

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

使用"选定文件"变量来处理您需要对照片执行的任何操作。

注意：它仅适用于iOS6 +，我已经在Android上检查过，效果很好。