iOS6のSafariでサポートされるHTML5の機能 | DevelopersIO
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
html5の File API を使って、アップロード無しで画像プレビュー - 超自己満足プログラミング
画像をプレビューするために、サーバへアップロードする必要がなくなります*1。 html fileのアップロードフォームにonchangeを仕込んでおきます。 あとは、プレビュー表示用の要素だけ準備。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form> <input type="file" name="file" onchange="preview(this)" /> </form> <hr /> <b>preview:</b><br /> <div id="preview_field"></div> </body> </html> javascript function preview(ele) { if (!ele.files.length) return; // ファイル未選択 var f
interactive file uploads with Drag and Drop, FileAPI and XMLHttpRequest – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Michael Irwin Wow! This is looking really good. I can’t wait for the final release to come! :-) December 15th, 2009 at 11:40 Ryan I like the canvas loader, sexy. A fe
画像アップロード
WindowsエクスプローラーやFinderからファイルをドラッグ＆ドロップすると、サーバーにアップロードする。 ＊ファイルは１つずつドロップすること。 ＊ 画像ファイルサイズは、最大25kb程度です。 通信方法の都合上、通信データサイズは25kbの画像で60kb程度になります。 コード Javascript ---------------------------- // XHRライブラリとしてDabtenを使用 // http://dabten.wi-wi.jp/ function EI(id){return document.getElementById(id);} onload=function(){ EI('input').addEventListener('dragover', ImgDragover, true); EI('input').addEventListener('d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
