私はこのスニペットを持っています:
<script>
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
// Render thumbnail.
var span = document.createElement('span');
span.innerHTML = ['<div id="wrap"><img id="image" class="thumb draggable" src="', e.target.result,
'" title="', escape(theFile.name), '" draggable="true" /></div>'].join('');
document.getElementById('list').insertBefore(span, null);
};
})(f);
// Read in the image file as a data URL.
reader.readAsDataURL(f);
カメラからデータをキャプチャし、div にプレビューを表示する iOS 用のモバイル アプリで使用しています。写真にアクセスするための承認なしに新しいデバイスに初めてアプリをロードする場合を除いて、すべて正常に機能します (初めて写真を撮ろうとすると、プロンプトが表示されます)。
ここでの問題はreader.readAsDataURL(f);
、ユーザーがユーザーの写真へのアクセスを承認する前に呼び出すと、reader.onload
トリガーされないことです。
ユーザーの承認のためのリスナーはありますか、またはページの読み込み時にカメラへのアクセス権を持つユーザーを促す方法がありますか?
ありがとう