The HTML image tag has been around about as long as HTML itself. In nearly 20 years the tag has changed very little, in spite of the essential role that images play in most Web content. During that same period of time, the capabilities of the devices people use to view Web content have changed... Continue reading →
Posts Tagged img
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 →