39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
// src/utils/imagePreloader.js
|
|
import { imageCacheManager } from '@/utils/imageCacheManager'
|
|
|
|
export const preloadImages = async (sources) => {
|
|
let urls = []
|
|
|
|
// 支持数组和对象形式的图片源
|
|
if (Array.isArray(sources)) {
|
|
urls = sources
|
|
} else if (typeof sources === 'object') {
|
|
urls = Object.values(sources)
|
|
}
|
|
|
|
// 创建预加载 Promise 数组
|
|
const preloadPromises = urls.map((url) => {
|
|
if (imageCacheManager.isBuildAsset(url)) {
|
|
// 对于可缓存的图片，使用 loadImage 方法
|
|
return imageCacheManager.loadImage(url)
|
|
} else {
|
|
// 对于外部链接，创建一个 Promise 来加载图片
|
|
return new Promise((resolve, reject) => {
|
|
const img = new Image()
|
|
img.onload = () => resolve(img)
|
|
img.onerror = (error) => reject(error)
|
|
img.src = url
|
|
})
|
|
}
|
|
})
|
|
|
|
// 等待所有预加载完成
|
|
try {
|
|
await Promise.all(preloadPromises)
|
|
console.log('图片预加载完成')
|
|
} catch (error) {
|
|
console.error('预加载图片失败:', error)
|
|
throw error // 重新抛出错误，让调用方可以处理
|
|
}
|
|
}
|