Bytes and Blobs
File interface File : Blob { readonly attribute DOMString name; readonly attribute Date lastModifiedDate; }; All Files are Blobs Not all Blobs are Files How to Get a File With an <input> element: <input type="file" onchange="process(this.files[0])"> With Drag-and-Drop: droptarget.ondrop = function(e) { var files = e.dataTransfer.files; upload(files); } User grants permission to read the file(s) by
HTML5 AJAX File Upload
HTML5 AJAX File Upload timdream Tossug, Sep. 14, 2010 AJAX File Upload The ability to send files from browser to server without whole-page form submission Demand exists ever since rich web app. was being developed (circa. 2004) People tried to do this by other means Flash-based resolution, e.g. SWFUpload Flash sucks on non-IE browsers (NPAPI version) Even sucks more on iOS iframe and a form Breaks
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で実現されていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
