你可以使用Promise来封装onload事件，以便在图片加载完成后执行异步操作。以下是一个将图片加载过程封装成Promise的示例：
function loadImage(url) {
return new Promise(function(resolve, reject) {
var img = new Image();
img.onload = function() {
resolve(img); // 图片加载完成，将img对象传递给resolve
};
img.onerror = function() {
reject(new Error('Image load failed')); // 图片加载失败，reject带上错误信息
};
img.src = url; // 设置图片的src，开始加载图片
});
}
// 使用示例
var imageUrl = 'example.jpg'; // 替换成你的图片URL
loadImage(imageUrl)
.then(function(img) {
// 图片加载成功，可以在这里对加载的图片执行操作
document.body.appendChild(img); // 例子中将图片添加到body中
})
.catch(function(error) {
// 图片加载失败，可以在这里处理错误
console.error(error);
});
在这个示例中，loadImage函数返回一个Promise对象。当图片加载完成时，Promise会调用resolve，传递加载完成的图片对象。如果加载失败，Promise会调用reject，传递一个Error对象。这样，你就可以使用.then()和.catch()来处理图片加载的成功和失败情况。 网友回复
我知道答案，我要回答
私活外包
最新提问
如何破解绕开seedance2.0真人照片生成视频 限制？
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频？
iphone的激光雷达数据能否实时传输到three三维空间中？
豆包sora等ai视频生成大模型生成的视频水印如何去除？
python如何实现在电脑上拨号打电话给手机？
具身机器人与人形机器人区别？
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行？
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程？
WebMCP是干啥的？
