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-powered Ajax file uploads
This post was originally published on the New Bamboo blog, before New Bamboo joined thoughtbot in London. This information is out of date. See the followup article on FormData. Introduction File uploads have traditionally had very bad usability on the web. The standard solution was uploading files as part of a form, leaving the user to just wait until the process was done. We could offer barely an
Drag-and-drop file upload in Google Chrome/Chromium and Safari?
Drag-and-drop file uploading can be done in Firefox 3.6. A Google search for html5 drag-and-drop file uploading -gmail gives things like: Native Drag + Drop file upload in Firefox 3.6 http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload http://www.thecssninja.com/javascript/drag-and-drop-upload All of these guides use FileReader (or the Firefox 3.6's deprecated getAsBinary, w
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
もっともっとFile APIを使ってサーバ側で受け取ってみる | @blog.justoneplanet.info
前回の記事に以下の質問がありました。 質問なのですがバイナリデータはsendでは送れないのでは？ 自分も同じようなことをしているのですがFireFox限定のsendAsBinaryでないと無理でした。 どのようにして転送してるのでしょうか？ えーと。。。(･Θ･;)。。。あの、その。。。うかれててサーバ側を考えてませんでした。すみませんm(_ _)m ■クライアント側のコード 前回のコードとおなじ。 function dragStart(e){ //e.preventDefault(); } function dragEnter(e){ //e.preventDefault(); } function dragOver(e){ e.preventDefault(); } function drop(e){ var files = e.dataTransfer.files; for(var
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ページを開く
Filefoxでファイルの非同期アップロード with 複数パラメータ - あらびき日記
KOK体育官方网站在线(中国)科技有限公司