ブラウザでQRコード読み込みブラウザのページのボタンからカメラを起動し、ページに戻ってQRコードから取得した値を表示するサンプルです。ブラウザ制御系スマホならではカメラJavaScriptinput[html]FileReader[js]近年QRコードはだいぶ広まってきました。URLを筆頭に長い文字や数字を打ち込むのが面倒なときの入力補助ツールになっています。そこで今回はブラウザからカメラを起動させて、QRコードから値を取得してみたいと思います。以下のボタンを押してQRコードを撮影してみてください。(カメラが対応しないブラウザはファイルアップロードになってしまいます)カメラを起動してQRコードを撮るあなたが読み込んだQRコードには「ここにQRコードで読み込まれた文字列を表示」という情報がありました。上記にQRコードが持っている文字情報が表示されたら成功です。このサンプルはこちらのライブラリを使っています。https://github.com/sitepoint-editors/jsqrcodeまず、上記のライブラリからqr_packed.jsをDLするかして、JSを読み込んでください。その後のJSはこちらHTMLはinputタグを使っているのですが、デザインをいじりにくいのでinputタグを非表示にし、labelタグで押せるようにしています。