const loadImageAsync = (item, resolve, reject) => {
  let image = new Image()
  if (!item || !item.src) {
    const err = new Error('image src is required')
    return reject(err)
  }

  image.src = item.src

  if ('decode' in image) {
    image.decode().then(function() {
      resolve({
        naturalHeight: image.naturalHeight,
        naturalWidth: image.naturalWidth,
        src: image.src
      })
    }).catch(function(e) {
      reject(e);
    });
  } else {
    image.onload = function() {
      resolve({
        naturalHeight: image.naturalHeight,
        naturalWidth: image.naturalWidth,
        src: image.src
      })
    }

    image.onerror = function(e) {
      reject(e)
    }
  }
}