ボタン付き電話カメラにアクセスする（HTML）

Question

私は電話カメラにアクセスする必要があるアプリケーションを開発しています。私は現在、ラチェ​​ットフレームワークを使用していますが、ここではそれほど重要ではありません。

私はカメラonClickを開く必要があるボタンがあります。私はボタンの内側にカメラにアクセスするための入力を入れてみましたが、それはなりません

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

：私たちは、これを必要とするカメラにアクセスすることを知っている：

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

をそして、私のボタンは、このようなものです醜い "写真を選んでください"が消えて見えなくなります。私は、最初の入力だけを入れ、それをボタンで置き換えて見栄えのよい標準の「写真を選択」を置き換えるだけでいいです。

Answer 1

申し訳ありませんが、それはできません。それはあなたのウェブサイトからの通知のようなものです。 jailbreakingや、ソフトウェアの脆弱性を悪用する（あなたのウェブサイトを公開している場合はお勧めしません）、あるいはアプリを作成するなど、他の方法で取得するだけです。

これを行うには、電話にもっとアクセスする必要があります。

Answer 2

すべてのパッケージになっているので、コードバで電話を使用する方がはるかに簡単です。あなたはcordova/ionicで1つのコードを作成し、それがあなたのplateformに必要なすべてのアプリケーションを生成します。

これにコードバ/イオンを使用すると、このフレームワークにはカメラプラグインがプリビルドされています。

は、マニュアルを参照してください：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 
});` 

（それはラチェットhttps://www.raymondcamden.com/2015/03/21/avoid-ratchet-for-phonegapcordova-developmentと電話コンポーネントを統合するために困難な道になることを確認するために、また、この記事をご覧ください）