FileAPI Articles
-
Why no FileSystem API in Firefox?
A question that I get asked a lot is why Firefox doesn’t support the FileSystem API. Usually, but not always, they are referring specifically to the FileSystem and FileWriter specifications which Google is implementing in Chrome, and which they have proposed for standardization in W3C. The answer is somewhat complex, and depends greatly on what […]
-
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 […]
-
How to develop a HTML5 Image Uploader
HTML5 comes with a set of really awesome APIs. If you combine these APIs with the <canvas> element, you could create a super/modern/awesome Image Uploader. This article shows you how. All these tips work well in Firefox 4. I also describe some alternative ways to make sure it works on Webkit-based browsers. Most of these […]
-
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 […]
-
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, […]
-
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 […]
-
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 […]
-
Aurora 6 is here
What’s new in Aurora 6? The most notable addition to this new Aurora are the <progress> element, window.matchMedia API, better APIs for binary data, Server-Sent Events as well as the return of WebSockets. Aurora 6 has been published last week and can be downloaded from firefox.com/channel. The <progress> element This element can be used to […]
-
Firefox 4 – FormData and the new File.url object
This is a guest post from Jonas Sicking, who does much of the work inside of Gecko on content facing features. He covers FormData, which we’ve talked about before, but shows how it can connect to an important part of the File API we’ve added for Firefox 4: File.url. In Firefox 4 we’re continuing to […]