<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
function loadImgPromise(src)
{
return new Promise((resolve,reject) => {
let img = new Image();
img.src = src;
// 這裏改變promise對象狀態,並且把圖片往下傳遞
img.onload = () => {resolve(img)};
});
}
let src = "https://dgss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-27/297f5edb1e984613083a2d3cc0c5bb36.png";
loadImgPromise(src).then((img) => {
document.body.appendChild(img);
console.log('圖片加載成功');
});
</script>
</body>
</html>
圖片加載之promise封裝
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.