2025-04-01 19:23:26
10 收藏
管理
方案一:服务器端过滤(推荐)
用 JavaScript 检测图片加载失败,自动替换为占位图或隐藏: <!-- 在页面头部或模板中添加以下脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('img').forEach(img => {
// 监听图片加载错误事件
img.onerror = function() {
// 替换为占位图(可选)
// img.src = '/path/to/placeholder.jpg';
// 或直接隐藏
img.style.display = 'none';
// 可选:移除img标签或替换为其他内容
// img.remove();
};
});
});
</script>
通过 CSS 隐藏加载失败的图片(需配合 JavaScript) /* 在CSS中添加 */
img:not([src]):not([srcset]) {
display: none; /* 隐藏无src属性的图片 */
}
/* 或通过JavaScript动态添加类名 */
<style>
.broken-image {
display: none;
/* 或替换为占位图背景 */
/* background: url('/placeholder.jpg'); */
}
</style>
<script>
// 在JavaScript中动态标记失效图片
document.querySelectorAll('img').forEach(img => {
img.onerror = function() {
img.classList.add('broken-image');
};
});
</script>
恭喜你,领取到一张面值 0 元的优惠券
只有购买全集内容 0.00 元,才可抵扣使用。
有效期截止于:2020-12-12 23:59
是否立即使用?