FileAPI Articles
-
Firefox 4: easier JS form handling with FormData
This feature has landed in Mozilla Central (trunk) and only available with a Firefox Nightly Build for the time being. XMLHttpRequest Level 2 (editor’s draft) adds support for the new FormData interface. FormData objects provide a way to easily construct a set of key/value pairs representing form fields and their values, which can then be […]
-
an HTML5 offline image editor and uploader application
Many web applications use image uploaders: image hosting websites, blog publishing applications, social networks, among many others. Such uploaders have limitations: you can’t upload more than one file at a time and you can’t edit the image before sending it. A plugin is the usual workaround for uploading more than one image, and image modifications […]
-
interactive file uploads with Drag and Drop, FileAPI and XMLHttpRequest
In previous posts, we showed how to access a file through the input tag or through the Drag and Drop mechanism. In both cases, you can use XMLHttpRequest to upload the files and follow the upload progress. Demo If you’re running the latest beta of Firefox 3.6, check out our file upload demo. Uploading XMLHttpRequest […]
-
file drag and drop in Firefox 3.6
In a previous post, we showed you how to upload several files using the input element. In Firefox 3.6, you can let your users drag and drop files directly into your web page, without going through the file picker. Demo If you’re running the latest Firefox 3.6 beta, check out our interactive demo of drag […]
-
multiple file input in Firefox 3.6
Firefox 3.6 supports multiple file input. This new capability allows you to get several files as input at once, using standard technologies. This is a big improvement, since you used to be constrained to one file at a time, or needed to use a third party (proprietary) application. This will be particularly useful, for example, […]
-
Firefox 3.6 FileAPI demo: reading EXIF data from a local JPEG file
Paul Rouget has put together a great demo of the new FileAPI we’re including in Firefox 3.6. It lets you drag a JPG from the desktop into the browser that includes EXIF data and it can extract the GPS coordinates in the image and then load the location of where the photo was taken, entirely […]
-
W3C FileAPI in Firefox 3.6
Often, web applications will prompt the user to select a file, typically to upload to a server. Unless the web application makes use of a plugin, file selection occurs through an HTML input element, of the sort <input type="file"/>. Firefox 3.6 now supports much of the W3C File API, which specifies the ability to asynchronously […]
