問題タブ [fileapi]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - readAsDataURL を使用して選択した画像をロードすると、HTML5 ファイル API が Chrome をクラッシュさせる
ここに私のサンプルコードがあります:
ページを読み込み、大きな画像を選択します (私は 2.9MB 4288x3216 の画像を使用しています)。ページを更新して、同じ画像を選択します。結果？タブがクラッシュ！（ああ、スナップ！）
私の推測では、これは Chrome の File API の実装に伴うバグであると思われますが、誰かがそれを確認し、回避策を提供してくれれば幸いです。サーバーにアクセスして生成する必要なく、写真のサムネイルを表示できるようにしたいと考えています (Chrome と FF だけの場合でも)。
また、上記のサンプル コードでは、写真を選択するとすぐに、タブが約 32 MB のメモリを使用し始めます。それは予想通りだと思いますが、私が懸念しているのは、ガベージコレクターによってメモリが解放されないように見えることです。したがって、より多くの写真を選択し続けると、より多くのメモリを消費し続けます。これがクラッシュの問題に関連しているかどうかはわかりませんが、間違いなく懸念事項です。
助けてくれてありがとう！
javascript - IE8の入力からファイルを取得するにはどうすればよいですか？
このようにIE（8）でファイルを取得する方法：
アップロードするために？
javascript - HTML5ファイルAPI：FileReader.readAsText（）は「未定義」を返します
Mac OSXでChrome12を使用しており、ドキュメントにjQuery1.6.1を含めています。
次の関数を使用して、ファイルの内容をテキストとして読み取り、データオブジェクトに保存しようとしています。
「file」は有効なファイルオブジェクトであり、「this.reader」はFileReader型の新しいインスタンスです。このコードは、次のコンソール出力を作成します。
http://cl.ly/1Y2b383G2F272x1m1P0N
javascript - HTML5 ファイル API: エラーが発生した後、FileReader オブジェクトが定義されていません
Mac OS X で Chrome 12 を使用しており、ドキュメント内に jQuery 1.6.1 を含めました。
次のコードでファイルを読み取ろうとすると、ファイルの読み取り中にエラーが発生するため、 this.error.onerror() が呼び出されますが、FileReader-Object this.reader はもう存在せず、できませんエラーを取得します。エラーが発生する理由もわかりません。これは、読みたい通常のテキストドキュメントです。
このコードは、次のコンソール出力を作成します: http://cl.ly/0j1m3j0o3s071Y1K3A25
javascript - HTML5 FILE API: ファイル読み取り中のセキュリティ エラー
問題は解決しました、コメントを読んでください
HTML5 File API に関する 3 つ目の問題: Mac OS X Snow Leopard で Chrome 12 を使用し、HTML5 File API でファイルを読み込もうとしていますが、「SECURITY_ERR」が原因で FileHandler.error() が呼び出されます。発生します。読み取ろうとしているファイルは、デスクトップからの通常の .txt ファイルですが、通常のアプリケーションで開くことはできますが、他のファイルでは機能しません。
このコードは、次のコンソール出力を生成します: http://cl.ly/1x1o2F0l2m3L1T2c0H0i
javascript - ブラウザのサポートを検出する方法 ファイル API ドラッグ アンド ドロップ
ファイルのドラッグ アンド ドロップをサポートしているブラウザでのみ、div に背景を追加したい
私はmodernizrを使いたくありません.1行のスクリプトだけです.
javascript - JSHTML5-サンプルコードを統合できません-ヘルプ
これらのコードスニペットhttp://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-selecting-files-inputを見つけました。これらがどのように機能するかを確認したいのですが、私の場合はコードが機能しません。 。多分私はその統合で何か間違ったことをしますか？私はJSに本当に慣れていないので、いくつかの統合スニペットを共有してください:)
これが私のおそらく間違った統合です...
PS>マイインターネットブラウザ：FF 5.0
すべての有用なコメントをいただければ幸いです:)
html - ブラウザは常に画像ファイルをメモリに保持しますか?
ユーザーがページにドロップした後、ファイル API を使用してキャンバスにローカル画像ファイルを描画しています。Firefox 5 と Google Chrome では正常に動作します。問題は、500 Mb の画像ファイルをドロップした後、ブラウザのメモリ消費量が約 500 Mb 増加することです。しかし、キャンバスに画像を描画した後、ファイルへのリンクがなくなるため、そうすべきではないと思います。サンプルコード:
javascript - JS 関数が null を返す - ヘルプ
http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-filesの例を変更して、関数 handleFileSelect(evt) が reader.result; を返すようにしようとしています。関数が画像などに対してbase64を返すようにすることを意味します。私は関数でそれを書き込もうとしましたが、nullのみを返します:(だから私の質問は、関数がbase64を返すようにする方法ですか?
今のところ、このスニペットを書き込もうとしました...
すべての有益なコメントをお待ちしております:)
javascript - GoogleChromeでのBLOBエンコーディングの指定
次のコード（ベンダー正規化）は完全に正常に機能し、Firefox 8では「➀➁➂テスト」と表示されますが、GoogleChromeでは「➀âžâž、テスト」と表示されます。ファイルシステムAPIを使用して一時ファイルシステムにファイルを書き込む以外に、Google ChromeでBLOBのエンコードを保持する方法はありますか？