Question

我正在开发一个需要访问手机摄像头的应用程序。我目前正在使用棘轮框架，但这并不是真正相关的。

我有一个按钮需要打开相机onClick。我知道要访问相机我们需要这个：

<input type="file" accept="image/*" onChange="updatePhoto(event);"></input>

我的按钮是这样的：

<button class="btn btn-positive btn-block"> Choose photo </button>

我尝试将输入设置为访问按钮内部的相机，但它不会使丑陋的＆＃34;选择照片＆＃34;消失，让它看起来很傻。我只需要更换标准＆＃34;选择照片＆＃34;当我们只放入第一个输入并用按钮替换它以使其看起来更好时出现。

Answer 1

抱歉，但这是不可能的。这就像从您的网站发送通知。您只会使用其他方法（例如越狱），利用软件漏洞（如果您向公众发布您的网站时不推荐）或创建应用程序（方式更好）等。

您需要能够更多地访问手机才能执行此操作。

Answer 2

随着所有包装，使用cordova访问手机要简单得多。您使用cordova / ionic构建一个代码，这将生成平台所需的所有应用程序。

使用cordova / ionic，这个框架有预建相机插件。

请参阅文档：https://ionicframework.com/docs/native/camera/

这很简单，也很强大。

这里有一些代码：

this.camera.getPicture(options).then((imageData) => {
 // imageData is either a base64 encoded string or a file URI
 // If it's base64:
 let base64Image = 'data:image/jpeg;base64,' + imageData;
}, (err) => {
 // Handle error
});`

（请看一下这篇文章，看看将手机组件与rachet https://www.raymondcamden.com/2015/03/21/avoid-ratchet-for-phonegapcordova-development集成是一种困难的方式）

使用按钮访问手机摄像头（HTML）

2 个答案: