async function loadImages() { // 获取所有具有 'lazyload' 类的图片元素 const imgElements = document.querySelectorAll('.lazyload'); // 遍历每个图片元素并进行处理 for (const imgEl of imgElements) { try { console.log("🔑 加载函数开始执行"); // 获取包含 Base64 数据的 .txt 文件 const res = await fetch(imgEl.dataset.src); console.log("请求状态:", res.status); if (!res.ok) { console.error("❌ 加载文件失败:", imgEl.dataset.src); imgEl.src = '/static/img/load_fail.png'; // 加载失败占位图 continue; } // 读取文本内容(Base64 编码的数据) const base64Data = await res.text(); console.log("获取到Base64数据:", base64Data); // 确保 Base64 数据有效且不为空 if (!base64Data) { console.error("❌ 无效的Base64数据"); imgEl.src = '/static/img/load_fail.png'; // 加载失败占位图 continue; } // 解码并显示图片 imgEl.src = 'data:image/jpeg;base64,' + base64Data; // 根据图片类型设置相应的 MIME 类型 console.log("✅ 图片解码并显示成功"); } catch (e) { console.error("❌ 加载或解码失败:", e); imgEl.src = '/static/img/load_fail.png'; // 加载失败占位图 } } } // 执行加载图片的函数 loadImages();