Desktop integration using HTML5
I just added file uploads from the local file system to my blog via drag&drop using the HTML5 File API.
It currently only works in Firefox 3.6 - but it's very cool.
Watch my demo video on youtube:
When dragging an image to the blog content area the software first creates an img-tag with a "dataURL" as source. This is very quick because it needs no interaction with the server. To visualize that the image is not yet stored on the server it is "grayed out" with an opacity of 0.3.
In a background process the image is then uploaded to the server and when finished, the src-attribute is updated to a server-url (removing the temporary dataURL) and the image opacity is cleared.
The look&feel is the same as if I would add an image to a local running desktop app like pages or keynotes.
HTML5 is cool ;-)
