FileAPI Articles
-
Announcing the winners of the July 2013 Dev Derby!
This past summer, some of the most passionate and creative web developers out there innovated with the File API in our July Dev Derby contest. After sorting through the entries, an all-star cast of former judges–Peter Lubbers, Eric Shepherd, and David Walsh–decided on three winners and two runners-up. Not a contestant? There are other reasons […]
-
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 […]
-
Creating thumbnails with drag and drop and HTML5 canvas
HTML5 Canvas is a very cool feature. Seemingly just an opportunity to paint inside the browser with a very low-level API you can use it to heavily convert and change image and video content in the document. Today, let’s take a quick look at how you can use Canvas and the FileReader API to create […]
-
HTML5 APIs – Where No Man Has Gone Before! – Presentation at Gotham JS
Last weekend I was in New York City to speak at the GothamJS conference and Mozilla also sponsored it. It was a nice event with about 200 attendees, taking place in the NYIT Auditorium on Broadway. The event was one-track with 8 speakers, and personally I always prefer when it’s just one track for follow-up […]
-
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 […]
-
How to resume a paused or broken file upload
This is a guest post written by Simon Speich. Simon is a web developer, believer in web standards and a lover of Mozilla since Mozilla 0.8 (!). Today, Simon is experimenting with the File API and the new Slice() method introduced in Firefox 4. Here is how he implements a resume upload feature in a […]
-
The shortest image uploader – ever!
A couple of line of JavaScript. That’s all you need. This is a very short Image Uploader, based on imgur.com API. If you want to do more complex stuff (like resize, crop, drawing, colors, …) see my previous post. Back-story. I’ve been talking to Imgur.com‘s owner (Hi Alan!). He recently added Drag’n Drop support to […]
-
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 […]
-
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 […]
-
HTML5 adoption stories: box.net and html5 drag and drop
This is a guest post from Tomas Barreto, a developer who works at box.net. They recently adopted HTML5 drag and drop as a way to share files with other people using new features in Firefox. The included video is a pitch for the feature and service, but shows how easy it is to do simple […]
