[B! HTML5][File API] reponのブックマーク

repon id:repon

HTML5とFile APIに関するreponのブックマーク (2)

HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ
前回の記事では、HTML5のBlobを使用して、動的データのダウンロードを行いました。非常に簡単に実装できたのですが、ひとつ残念だったのは、ファイル名を指摘できないことでした。今回、HTML5のFile API:Writerを使って、ファイル名を指定して、動的データのダウンロードを行なってみました。難しいことなく、出来上がったのですが、現状では、対応ブラウザがGoogle Chromeだけとなってしまいました。File API:Writerは、各種ブラウザの実装が普及していないようですね。では、作成してみたサンプルプログラムを説明します。画面イメージ作成したプログラムをブラウザで表示した画面イメージです。ダウンロード時のファイル名と、ファイルの内容を指定するテキストボックスがあります。ダウンロードリンクから、ローカル環境にダウンロードする事ができます。プログラム HTMLです。
repon 2015/07/21
File API

html5

JavaScript

ダウンロード
リンク
今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ今から３分で，HTML5の JavaScript API の使い方を２つ覚えよう。１：ドラッグ＆ドロップAPI 画面上の要素を。画面外から。２：File API 読み込み。書き込み　※これは覚える必要はない。シンプルなサンプルコード付きで，これらの実装の方法を素早く学習する。 ※サンプルは，IE8のようなHTML5未サポートの古いブラウザでは動かないので注意。FirefoxやChromeを使うこと。では，ここから３分の時間のカウントを開始。集中して読もう。（0：00〜前半の１分半）画面内でのドラッグ・ドロップ（後半の1：30〜3：00）画面外からのドラッグ・ドロップ参考資料（0：00〜前半の１分半）画面内でのドラッグ・ドロップまず，動作例を見てみる。「リンゴ」をバスケットにドロップしてみてほしい。動作サンプル１ ht
repon 2015/07/20
javascript

html5

File API
リンク
1