Promise实现异步加载图片

最新推荐文章于 2024-08-15 17:38:49 发布

wandoumm

最新推荐文章于 2024-08-15 17:38:49 发布

阅读量756

点赞数 1

分类专栏： js 文章标签： webview android java

本文链接：https://blog.csdn.net/wandoumm/article/details/124940607

版权

本文通过一个实例展示了如何使用Promise来异步加载图片。当图片加载成功时，Promise的resolve方法被调用，加载失败则触发reject。在实际应用中，这种技术可以在用户查看当前内容时预加载后续页面的内容，提高用户体验。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Promise的应用-异步加载</title>
<style>
#img{
width: 80%;
padding: 10%;
}
</style>
</head>
<body>

<img id="img" src="https://img.mukewang.com/5e6af63d00011da318720764.jpg" alt="">

<script>
const loadImgAsync = url =>{
return new Promise((resolve,reject)=

最低0.47元/天解锁文章