ローカル ストレージ: ファイル オブジェクトの保存と復元のハウツー ガイド
<p></p> を使用する HTML5/JavaScript を使用するアプリケーションがあります。
<pre class="brush:php;toolbar:false;"><input type="file" accept="image/*;capture=camera" onchange="gotPhoto(this)"></pre> ;
<p>カメラ画像をキャプチャします。アプリをオフラインで実行したいので、後で使用できるようにファイル (https://developer.mozilla.org/en-US/docs/Web/API/File) オブジェクトをローカル ストレージに保存するにはどうすればよいですか? ajax経由でアップロードする場合? </p>
<p>ファイル オブジェクトを次から取得しています...</p>
<pre class="brush:php;toolbar:false;">function gotPhoto(element) {
var ファイル = 要素.ファイル[0];
// ここで「ファイル」をローカル ストレージに保存したいと思います :-(
}</pre>
<p>オブジェクトを文字列に変換して保存できますが、復元すると File オブジェクトとして認識されなくなるため、ファイルの内容を取得するために使用できなくなります。 </p>
<p>これは実現不可能な気がしますが、提案はお待ちしています。 </p>
<p>ちなみに、私の回避策は、保存中にファイルの内容を読み取り、完全な内容をローカル ストレージに保存することでした。これは機能しますが、各ファイルは 1MB 以上の写真であるため、ローカル ストレージをすぐに消費します。 </p>
