IE6/7保存的本地HTML文件图片无法加载，如何修复？

问题根源 #

你遇到的是IE6/7保存网页时的路径解析bug：保存「网页，全部」格式时，图片标签的src属性被错误生成，出现类似<IMG class=cimg alt="" Sample/.jpg">的无效格式，缺失正确的文件名指向，导致现代浏览器无法识别图片路径。

单个文件修复步骤 #

• 用文本编辑器（如Notepad++）打开目标HTML文件
• 定位所有格式错误的<IMG>标签，补充src属性并填入正确的图片路径，比如将<IMG class=cimg alt="" Sample/.jpg">修改为<IMG class=cimg alt="" src="Sample/1.jpg">
• 保存文件后，重新在浏览器中打开即可加载图片

批量处理方案 #

如果有大量文件需要修复，可通过以下两种方式实现：

方式1：Notepad++批量正则替换 #

1. 打开Notepad++，选择「文件」→「打开文件夹中的所有文件」，选中存放HTML的目录
2. 按Ctrl+H打开替换面板，切换到「正则表达式」查找模式
3. 查找内容：<IMG class=cimg alt="" (\w+)/\.jpg">
4. 替换为：<IMG class=cimg alt="" src="$1/1.jpg">

提示：如果图片文件名是按数字顺序（1.jpg、2.jpg...），可根据标签出现顺序依次替换；若文件名无规律，需先整理对应图片列表再调整替换规则。

方式2：Python脚本批量修正 #

以下脚本可自动遍历HTML文件，匹配错误标签并替换为对应图片路径：

import os
import re

# 设置HTML文件所在目录
target_dir = r"c:\HTML Files"

for file_name in os.listdir(target_dir):
    if not file_name.endswith(".html"):
        continue
    html_path = os.path.join(target_dir, file_name)
    img_folder_name = os.path.splitext(file_name)[0]
    img_folder_path = os.path.join(target_dir, img_folder_name)
    
    # 获取文件夹内所有图片文件
    img_list = [f for f in os.listdir(img_folder_path) if f.lower().endswith((".jpg", ".png", ".gif"))]
    if not img_list:
        continue
    
    # 读取HTML内容（IE保存的文件多为GBK编码）
    with open(html_path, "r", encoding="gbk") as f:
        content = f.read()
    
    # 匹配错误的IMG标签并替换
    pattern = re.compile(r'<IMG class=cimg alt="" (\w+)/\.jpg">')
    for img_file in img_list:
        content = pattern.sub(f'<IMG class=cimg alt="" src="\\1/{img_file}">', content, count=1)
    
    # 保存修正后的文件
    with open(html_path, "w", encoding="gbk") as f:
        f.write(content)

注意：脚本需根据实际标签格式、图片命名规则调整正则表达式；批量操作前务必备份原文件，避免数据丢失。

内容的提问来源于stack exchange，提问作者Jerome