js 如何实现图片预加载
时间: 2023-02-07 16:57:05 浏览: 71
你可以使用 JavaScript 创建一个图像对象,并设置它的 src 属性为要预加载的图片的 URL。这将会触发浏览器开始加载图片。
例如:
```
var image = new Image();
image.src = 'image.jpg';
```
你也可以使用 window.Image 对象来创建图像对象:
```
var image = new window.Image();
image.src = 'image.jpg';
```
你还可以使用 onload 事件来检测图片加载是否完成:
```
var image = new Image();
image.onload = function() {
// 图片加载完成后的操作
};
image.src = 'image.jpg';
```
你还可以使用 Promise 对象来实现图片预加载。例如:
```
function preloadImage(url) {
return new Promise(function(resolve, reject) {
var image = new Image();
image.onload = function() {
resolve(image);
};
image.onerror = function() {
reject(new Error('Could not load image at ' + url));
};
image.src = url;
});
}
preloadImage('image.jpg').then(function(image) {
// 图片加载完成后的操作
}).catch(function(error) {
// 图片加载失败后的操作
});
```