@huangjs888/load-image

loadImage

图片加载封装，带有进度的

$3

``sh

npm install @huangjs888/load-image --save

`

$3

`js

import loadImage from '@huangjs888/load-image';

// 第二个参数为progress函数，传入，则使用ajax获取图片资源（ajax方式不适合跨域获取图片），不传，则直接Image对象
loadImage('http://xx/xxx/xx.jpg', (v) => {
document.body.innerHTML = 加载进度：${v * 100}%;
})
.then((image) => {
image.width = image.naturalWidth;
image.height = image.naturalHeight;
document.body.appendChild(image);
})
.catch(() => {
document.body.innerHTML = '加载图片失败！';
});


``