HTML5 FileSystem APIを使うと、ユーザのローカルファイルシステムにファイルを書いたりすることができます。もちろん自由にファイルを読み込めるわけではなく、Chrome Webブラウザが持っているサンドボックス内に通常は限定されます（Chromeアプリの場合はその限りではないですが）。オフライン対応アプリケーションを開発する場合には、非常に魅力的なAPIです。 僕の場合はChromeアプリ内でFileSystem APIを使っていたのですが、「既存ファイルの上書き処理」をする際に困ったことと解決策を、本エントリで紹介してみたいと思います。FileSystem API自体の説明は、「 FileSystem API について知る」をご覧ください。 まず、普通にファイルに何か書き込みを行いたい場合、以下のようにコーディングすると思います。 function onInitFs(fs)
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
ブラウザからDOMを解析してローカルファイルへ保存する方法がないかを調査したときのメモ。 2013/01/19 追記 2013/01/19時点のChrome 24.0.1312.52 m において、以下の情報は古い上、ソースコードは動作しません。 続編的なものは以下の記事となります。 Chrome24 + Manifest v2 にて、Chrome拡張機能 + FileSystemAPI を使ってみた - メモ的な思考的な 2013/01/19 追記 ここまで ブラウザごとのローカルファイル保存方法 ブラウザ別の実際のコードは、以下のサイトが詳しい。 あらびき日記 - JavaScriptからローカルファイルを作成する方法まとめ HTML5を押さえておきたいと思っていた矢先、ChromeではHTML5のFileAPI:Writerを使っているとのことなので、Chromeを選択。 なお、Ch
Webブラウザー内に独自のファイルやディレクトリを保存できる「File system API」の使い方ついて、前回の記事に続き解説します。ファイルの作成／削除やディレクトリの作成／削除方法については前回紹介しましたので、今回は一覧の取得やファイルへの書き込み／読み込み方法を学び、簡易ファイラーを完成させましょう。 ディレクトリ内のファイル／ディレクトリ一覧を取得する ディレクトリ内のファイル／ディレクトリ一覧を取得します。 ファイル／ディレクトリ一覧を取得するには、ディレクトリエントリーオブジェクトのcreateReader()メソッドを使ってディレクトリリーダーオブジェクトを生成します。 readEntries()メソッドは、第1引数に指定した関数に、ファイル／ディレクトリの一覧情報を渡します。関数にはファイルエントリーオブジェクト／ディレクトリエントリーオブジェクトを格納した配列が渡さ
HTML5では、Web StorageやWeb SQL/Indexed DBといった、JavaScriptでクライアントサイド（ブラウザー）にデータを保存する機能があります。今回紹介する「File system API」もそんな機能の1つですが、MacやWindowsのようなディレクトリを持ったファイルシステムにデータをファイルとして保存できます。 File system APIを使うと、Canvasに描いた画像をファイルとしてブラウザーに保存する、といったことができます。現在のところ、「Google Chrome」と、Android 4の「Chrome for Android」だけで利用できますが、特にスマートフォンでファイルが扱えるのは便利でしょう。 今回は、File system APIを使って簡単なファイラーを作ります。File system APIは非同期処理が多く、掲載している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く