File API入門 - File APIとFileReader APIの利用 | CodeGrid

2014/09/25 19 users CodeGrid 利用

続きを読む

HTML5 - HTMF5 File API で画像をアップロードしてプレビュー - Qiita

2014/07/10 82 users Qiita onChange プレビュー Files File

<input type='file'/> で画像を選択させる input.onchange が発火するのでコールバックをとる File APIがあれば input.files[0] にFileオブジェクトが入ってるの抜き取る FileReader の FileReader#readAsDataURL に Fileオブジェクトを渡す FileRead#onload が発火するのでevent.targ... 続きを読む

iOS6のSafariでサポートされるHTML5の機能 ｜ クラスメソッド開発ブログ

2012/09/30 292 users クラスメソッド開発ブログ iOS6のSafari 機能 以下

以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) ... 続きを読む

画像を選ぶとbase64形式のURLに変更してくれる便利ツール「Image2Base64」:phpspot開発日誌

2012/09/10 27 users phpspot開発日誌 ダイアログ base64形式 URL

Image2Base64 | Image to Base64 Data URIs Converter Using the new HTML5 File API by Acid.JS | Version 1.0 画像を選ぶとbase64形式のURLに変更してくれる便利ツール「Image2Base64」。 ページを開くとダイアログが出るので、ローカルからファイルを指定するとブラウザ上に表示され、それを... 続きを読む

404 Blog Not Found:ブラウザー上でJPEG圧縮して非可逆性を体感してみる

2012/09/09 63 users JPEG Qua ブラウザー上 Demo Quality

「GIMPでJPEGの蚊を退治して"PNG"化する」「javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた」の反響で、「JPEGのqualityを100に設定すればいいんじゃね?」という誤解がかなり見受けられたので。 実際に体験していただければいいかと。 Demo: File APIを実装しているブラウザーで動きます。ファイルを読み込ませたら、Qua... 続きを読む

JavaScriptでファイル操作！？ File APIを使いこなそう － ＠IT

2011/12/16 592 users ファイル操作 JavaScript ナオキ Twitter上

連載：人気順に説明する初めてのHTML5開発 JavaScriptでファイル操作！？ File APIを使いこなそう WINGSプロジェクト　ナオキ（監修：山田祥寛） 2011/12/16 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やG... 続きを読む

HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - まめしば雑記

2011/07/02 411 users API しば雑記 Drag and drop 中身 ブラウザ

HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。今回は JavaScript の処理... 続きを読む

IE9はHTML5のオフライン機能よりも安定性を選んだと － Publickey

2011/03/25 32 users マイクロソフト Web Workers Publickey

正式版がついに公開されたマイクロソフトのInternet Explorer 9（日本語版の公開は延期されていますが）。HTML5対応といわれていますが、しかしオフライン機能やWeb Workders、File APIなど主要なHTML5の機能の一部は実装されていないことを、以前の記事「Internet Explorer 9がHTML5のオフライン機能やWeb Workersを実装していないことをど... 続きを読む