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の書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
MacでもLinuxでも使える! 無償の Visual Studio Code を使用した Cordova 開発 - monoe's blog - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
img2data
“img2data” is the app genarates base64 encoded data url string from your local file. Works with modern browser feature called “File API” and “Drag and Drop API”. These allaw us to process file content locally without sending any data to server. So you can use this app safely even for confidential use.
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ページを開く
