問題タブ [html5-filesystem]

HTML5 Filesystem API のポイントについて混乱しています。

私が知る限り、ファイル API で作成されたサンドボックス化されたファイルの 1 つのコンテンツを参照するには、ドメイン名への参照が必要です。

「HTML5 ファイルシステム API の使用」の「セキュリティに関する考慮事項」には、次のように記載されています。

個人データの漏えいまたは消去 — これは、HTML5 ファイルシステムの範囲を chroot のようなオリジン固有のサンドボックスに制限することで軽減されます。アプリケーションは、別のドメイン/オリジンのファイル システムにアクセスできません。

しかし、「起源」とは正確には何ですか？私が知る限り、その本はそれらを定義していません. たとえそのドメインがlocalhost.

これは事実ですか？もしそうなら、それはひどいです。これは、ローカル ファイルを編集できるエディターを構築できないことを意味します。確かにセキュリティ上の考慮事項はありますが、少なくともローカル ファイルを編集できるようにすることは計画の一部ではありませんか? HTML5 API は、インターネット上のコンテンツまたはローカル サーバーのセットアップ方法を知っている人のみを対象としていますか?

ユーザーのブラウザーがタグへのmultiple属性をサポートしているかどうかを (javascript/jQuery を使用して) 検出したい。input type='file'複数の画像を追加する HTML5 の機能。

どうすればこれができるか教えてください。

Chrome でファイル システム API を使用してファイルを作成しようとしていました。最初に、次のように PERSISTENT ストレージを試しました

最初は問題なく動作していました。しかし、同じコードを試してみると、次のエラーが表示されます

次に、次のようにTEMPORARYファイルストレージを試しました

これにより、セキュリティ エラーを意味するコード 2 の FileError が返されます。誰でもこれらの問題について私を助けてもらえますか?

webkitStorageInfo.queryUsageAndQuota() は、HTML5 ファイル システム API を使用して、ファイル システムに保存されているファイルの使用統計を調べるために使用されます。この関数に提供されるコールバックで取得できる詳細を教えてください。

Google 拡張機能でページ アクション ポップアップを作成しています。ポップアップが閉じられたときに、コンテンツをファイルに書き戻す必要があります。このために、window.unloadイベントを添付しました。アンロード ハンドラで、ファイルに書き込もうとしています。しかし、非同期APIを使用しているため、関数にsuccessHandlerを設定した直後にgetFileページが閉じられ、successHandlerが実行されません。ここで同期ファイル API を使用できますか? 同期 API は Webworker でのみ使用できると読みました。拡張機能で使用できますか? または、この状況に対処する他の方法があります。ここにファイルへの書き込み用のコードを貼り付けています

最初に投稿された質問への変更

上記のコードをコンテンツ スクリプトに移動しました。ページアクションが閉じたときにコンテンツスクリプトと通信しようとしています。このために、関数を に添付しましたwindow.onunload。ページ アクション ポップアップをデバッガ モードで開き、 を実行しlocation.reload(true)ました。次に、window.unloadリスナーが呼び出され、プログラム コントロールがコンテンツ スクリプトに到達し、コードが実行されます。しかし、実際に拡張機能をデプロイすると、ユーザーがポップアップ内以外の場所をクリックすると、ポップアップが閉じられます。この場合、アンロード ハンドラは呼び出されません。Google は、ポップアップが閉じたときに検出するイベントを提供していません。提供される唯一のイベントは、ページ アクションにポップアップがある場合はトリガーされないクリック イベントです。ポップアップが閉じられたことを検出するにはどうすればよいですか?

ファイルシステムAPIとHTML5についてたくさん読んだことがありますが、実用的な解決策が見つからなかったので、皆さんに聞いてみます。

ファイルアップロードフォームが欲しいのですが、ドラッグドロップや通常の入力ボックスは関係ありませんが、ファイルを選択したいのですが、アップロード後、ファイルまたはフォルダ全体を取得して、クライアントにあるファイルシステムに「アップロード」する必要がありますコンピューター。実際にファイル/フォルダをクライアントのローカルファイルシステムにコピーしたいので、アップロードは括弧で囲まれています。

それも可能ですか？ユーザーが音楽や大きなビデオや映画などのファイルをローカルファイルシステムにアップロードして、アプリケーションで編集/視聴できるアプリケーションを作成したいからです。私はそれらの大きなファイルをアップロードする必要があることを知っています。それらを細かく切り分けて積み重ねてロードする必要がありますが、少し始めたいだけです:)

前もって感謝します

というわけで、HTML5で大容量ファイル用のFile Uploaderを実装しています。後で実装するために一時停止/再開する目的で、新しいスライス/チャンクを使用してファイルを小さなチャンクにスライスしています。ただし、アップロードを試みるたびに (動作します)、大量のメモリと CPU 使用量が必要です (CPU 使用率が 100% に達する可能性があります)。別のサイズのチャンク ファイルを試してみましたが、効果がありません。

誰が何が悪いのか知っていますか？そしてそれを修正する方法は？アプリは最大 4GB/ファイル、そしてもちろん複数のファイルをサポートできると思われるため、おそらく 20GB などになる可能性があります。

注: ソリューションに Java やフラッシュを含めないでください。私はすでにJavaバージョンを持っているからです。これをHTML5で書き直そうとしています。以下はコードです

dart から次のような永続的な html5 ファイルシステム ストレージを作成しています。

ファイルシステムでの操作はすべて、エラー QUOTA_EXCEEDED_ERR で失敗します。ただし、一時的に機能します。

このスレッドの返信は、永続ストレージの場合、この JavaScript API を使用して手動でクォータを要求する必要があることを示唆しています

dart で window.webkitStorageInfo が見つかりません (最新のビルドで確認)。ポインタはありますか？

ありがとう！

編集：明確にするために、正常にwindow.webkitRequestFileSystem戻ります。ただし、ファイルシステムで書き込み操作を行うと、Quota Exceeded エラーがスローされます

HTML5 を使用してファイルを追加する必要がありますFileWriterSync、サーバーからの複数のデータブロック。追加しようとしましたが、ファイルのブロックのみを書き込むだけでした。コードを確認してみましょう。

fs以前に初期化され、creatorファイルを追加するための変更があり、ファイルを追加する必要があります。

私の問題は、seek を呼び出して EOF から書き込みを開始する方法です。

ファイル転送にWebSocketを使用していますが、ファイルをダウンロードしているときにデータをそのまま受信していますが、画像ファイルを開くと破損していました。データファイルは正常にダウンロードされています。コードは次のようになります。