Camera angular 6 PWA自动执行文件输入单击

Camera angular 6 PWA自动执行文件输入单击,camera,progressive-web-apps,angular6,pwa,Camera,Progressive Web Apps,Angular6,Pwa,我正在使用 <input *ngIf="selectedFile == ''" type="file" accept="image/*" capture="environment" (change)="onFileSelected($event)"> 这将呈现“选择文件”控件。点击该按钮可打开相机并拾取文件。我试图完全避免使用此手册选择文件 怎么做呢 目前我有一个传递url参数的机制,比如?action=scan。使用activatedRouter,我正在读取此参数并呈现上述输

我正在使用

<input *ngIf="selectedFile == ''" type="file" accept="image/*" capture="environment" (change)="onFileSelected($event)">

这将呈现“选择文件”控件。点击该按钮可打开相机并拾取文件。我试图完全避免使用此手册选择文件

怎么做呢


目前我有一个传递url参数的机制,比如?action=scan。使用activatedRouter,我正在读取此参数并呈现上述输入控件。我只是想发射照相机

如果您只想直接启动摄像头,则必须使用具有用户权限的设备元素/用户媒体,并且不能使用相同的输入元素。检查文档和一个。两者都有示例代码


更新:是一个角度的例子

这些是原始js示例。任何朝向角度的东西都会更有用,为角度添加一个链接。