XMLHttpRequest Articles
-
JavaScript Error- and XHR Log Recording With Every Bug Report
Let’s start with a story. A user story: A friend of mine called me in the middle of the day with a very strange request. He told me “Could you come over and help me to fill-in a form”. I was surprised as filling forms is the easiest thing to do online, isn’t it? Even […]
-
Introducing Aurora 9
We have just released Aurora 9 (download and test Aurora 9), which is planned to be the upcoming Firefox 9. In it, we have a number of new things that we hope will get you excited!
-
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 […]
-
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 […]
-
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 […]
-
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 […]
-
WebSockets in Firefox
Here’s the pitch for WebSockets: a low-complexity, low-latency, bi-directional communication system that has a pretty simple API for web developers. Let’s break that down, and then talk about if and when we’re going to include it in Firefox: Low-complexity The WebSocket protocol, which is started via an HTTP-like handshake, has a relatively simple model for […]
-
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 […]
