xhr-image

0.0.1 • Public • Published

xhr-image

XHR-driven Image for progress events.

Installation

Install with component(1):

$ component install component/xhr-image

Example

var XHRImage = require('xhr-image');

var img = new XHRImage('http://i.cloudup.com/0chKjveyrS.png');

img.on('progress', function(e){
  progress.style.width = (e.percent | 0) + '%';
});

img.on('load', function(){
  var el = new Image;
  el.src = URL.createObjectURL(img.xhr.response);
  document.body.appendChild(el);
});

Events

  • open
  • sent
  • receiving
  • load
  • progress

API

Image(src)

Request the given img src.

.xhr

The XHR request.

.abort()

Abort the request.

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i xhr-image

Weekly Downloads

0

Version

0.0.1

License

MIT

Last publish

Collaborators

  • tjholowaychuk