In early January 2012, the Web Platform team began investigating adding progress events to images. The goal was to enable developers to more accurately track the load progress of their image resources, using progress events similar to those available with XMLHttpRequest. The feature would enable both HTML and JavaScript markup. A common approach today is... Continue reading →
Archive for the Image Events Category
Displaying XHR Downloaded Images Using the File API
Last time, we proposed adding progress events on the image element to avoid the complexity of using XHR to monitor image download progress. In order to display the image in the XHR approach, we used base 64 encoding to convert the binary image data into a data URI. Then, we passed the data URI to... Continue reading →
HTML5 Image Progress Events
Suppose you want to display the download progress of high-resolution images in a medical imaging application or an HTML5 game. Currently, this is a little harder than it should be in HTML5/JavaScript. A common approach goes like this: Download the image data by creating an XMLHttpRequest (XHR). Update a progress bar by handling the XHR’s progress... Continue reading →