HTML5 Tip - Drag and Drop hard drive files to a webpage!

Feb 01, 2011, 21:32 (0 Talkback[s])

[ Thanks to An Anonymous Reader for this link. ]

"In previous blog entries, I shared HTML5 code examples for drag & drop, Geolocation, contenteditable and localStorage. Today, I will share a simple app that provides a code example of FileReader, which is part of the File API specification of HTML5.

"As in my previous HTML5 examples, I'm seeking to create a simple but useful demonstration that exercises HTML5 in a novel way. My goal is to not only demonstrate the HTML5 API, but to give examples on how a developer may actually implement the API in a useful and innovative manner. "Accessing the local file system from a web page has been greatly simplified in HTML5, using the File API. The File specification provides an API for representing file objects in web applications, as well as programmatically selecting them and accessing their data. The File API includes:"

Complete Story

Related Stories:

• Mozilla adds Home Dash visual browser search to Firefox 4 Beta(Jan 31, 2011)
• WebM vs. H.264: Google Bets Big on Itself(Jan 28, 2011)
• Forget about HTML 6 - HTML5 is the last 'version' of HTML(Jan 22, 2011)
• HTML5 Primer: How To Use the Audio Tag(Jan 19, 2011)
• HTML5 gets a logo, will it help adoption?(Jan 19, 2011)