TM Life - HTML5 File API を使ってファイル読み込み
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. HTML5 で追加された File API. これを使えば ローカルファイルの情報, 中身を取得して JavaScript でいじることができます. 今後, HTML5 の普及とクラウド化が進むにつれて重要な機能になることは間違いありません. サンプルを作ってみたのでよかったらぜひ. ドラッグ & ドロップにも対応しているよん♪♪ Chrome でローカル上で作業する場合, セキュリティ上ドラッグ & ドロップに反応しない場合があります. その場合, Chromeの起動オプションに –allow-file-access-from-files を指定することで読み込めるようになります. SAMPLE And D
File - Web APIs | MDN
File APIFileConstructorFile()Instance propertieslastModifiedlastModifiedDate Non-standard Deprecated namewebkitRelativePathInheritanceBlobRelated pages for File APIBlobFileListFileReaderFileReaderSyncURL.createObjectURL_staticURL.revokeObjectURL_static The File interface provides information about files and allows JavaScript in a web page to access their content. File objects are generally retriev
第7回 Google Chrome拡張とHTML5 #1 | gihyo.jp
こんにちは、太田です。今回はGoogle Chrome拡張に使えるHTML5関連技術の解説をお送りします。 Google ChromeはWebKit（Safari）と連携して、HTML5とその周辺技術の実装を積極的に進めています。一般的なウェブサイトでは、互換性の問題からHTML5などの最新実装を積極的に使用することは困難ですが、Chrome拡張ではそういった問題にとらわれずに最新の技術を試すことができます。今回から数回はそういったHTML5関連の話題を取り上げます。 Chrome拡張で使えるHTML5 HTML5は2010年1月時点で策定途中の段階です。既に一部のブラウザで実装されている仕様であっても、（実装によるフィードバックを受けて）仕様が修正される可能性があります。多くのブラウザで実装されていて実質的に確定している部分もありますが、まだほとんど実装されていない仕様や、実装はされた
Firefox3.6がリリースされたので、canvas作品をFile API(とDrag&Drop)に対応させてみた - Born Neet
お久しぶりです。 僕がインターネットのない生活を送っている間に、 待望のFirefox3.6がリリースされましたね！ これでFirefoxがターゲットのサイトなら、FireAPIを使い放題です！！ （今まではβ版だったので、開発者しか使ってませんでしたからね・・・） というわけで、以下の2作品をFile API対応させときました。 ダイアログを使うか、選択欄にdrag&dropすればローカルファイルを指定できます。 錯覚エディター by HTML5 Canvas canvasで画像拡大鏡 何かたまにおかしくなりますが、サンプルということで許して下さい^^ あと、巨大ファイルや画像じゃないファイルを指定すると壊れますのでご注意を。 File API、面白いので皆さん是非試してみて下さい！ ※ 以前File APIの簡単な使い方をLTしたのでよろしければどうぞ。
Netforest Developer's Note - HTML5 Drag and Drop APIとFile APIのデモ
take©です。 まずはこれをみていただきたい。 Amazing! ブラウザにドロップした画像ファイルの内容が表示されているではないですか。 さらには、テキストファイル、動画ファイル、Webページのサムネイルまでドラッグ＆ドロップで表示できています。 ついにここまで来たんですね。 元ネタはこれ。 モジラのHacks Blogで公開されたDrag and Drop APIとFile APIを使ったデモです。 http://hacks.mozilla.org/2009/12/file-drag-and-drop-in-firefox-3-6/ (元記事) http://demos.hacks.mozilla.org/openweb/DnD/ (デモ) このデモはFirefox 3.6 betaが実装したHTML5の新しい規格、Drag and Drop APIとFile APIで実現されていま
File API (W3C Working Draft 26 October 2010)
File API W3C Working Draft, 24 May 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-FileAPI-20240524/ Latest published version: https://www.w3.org/TR/FileAPI/ Editor's Draft: https://w3c.github.io/FileAPI/ Previous Versions: https://www.w3.org/TR/2023/WD-FileAPI-20230206/ History: https://www.w3.org/standards/history/FileAPI/ Feedback: GitHub Inline In Spec Editor:
W3C FileAPI in Firefox 3.6 – Mozilla Hacks - the Web developer blog
Often, web applications will prompt the user to select a file, typically to upload to a server. Unless the web application makes use of a plugin, file selection occurs through an HTML input element, of the sort <input type="file"/>. Firefox 3.6 now supports much of the W3C File API, which specifies the ability to asynchronously read the selected file into memory, and perform operations on the file
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
File API - HTML5 API チェッカー - HTML5 チュートリアル - HTML5.JP
Using files from web applications - Web APIs | MDN