使用C# .NET读取含图片列的Excel并实现数据展示的技术问询

核心解决思路 #

直接提取Excel中嵌入的图片，转换为Base64编码字符串，将其嵌入HTML的<img>标签的src属性中，完全无需依赖本地文件路径，就能实现图片的直接展示。

实现步骤（以Python + openpyxl为例） #

openpyxl是支持读取Excel嵌入图片的成熟库，适合用来处理这类需求。

1. 安装依赖 #

pip install openpyxl

2. 提取嵌入图片并匹配对应数据行 #

Excel中的嵌入图片会绑定到单元格位置，我们需要根据图片的左上角坐标找到对应的行，再将图片与该行的唯一标识（比如Id）绑定，确保图片对应到正确的记录。

示例代码：

from openpyxl import load_workbook
import base64
from io import BytesIO

# 加载目标Excel文件
wb = load_workbook('FileData.xlsx')
ws = wb.active

# 存储行号与Base64图片的映射
row_image_map = {}

# 遍历所有嵌入图片
for img in ws._images:
    # 获取图片左上角所在单元格的行号
    anchor_cell = img.anchor._from
    target_row = anchor_cell.row
    # 将图片转为字节流并编码为Base64
    img_stream = BytesIO(img.image)
    img_base64 = base64.b64encode(img_stream.getvalue()).decode('utf-8')
    # 按行号存储，前缀根据图片格式调整（这里默认png，可通过img.image.format获取实际格式）
    row_image_map[target_row] = f'data:image/png;base64,{img_base64}'

# 读取其他列数据（复用你已有的逻辑，这里仅作示例）
data_list = []
for row in ws.iter_rows(min_row=2, values_only=True):
    # 假设列顺序是Id、Name、Age、Gender、Designation、Date Of Birth、Phone Number、Photo
    row_id, name, age, gender, designation, dob, phone, _ = row
    # 获取当前行对应的图片Base64
    current_row_num = ws._current_row  # 或直接用循环中的行索引，根据实际代码调整
    photo_src = row_image_map.get(current_row_num, '')
    data_list.append({
        'Id': row_id,
        'Name': name,
        'Age': age,
        'Gender': gender,
        'Designation': designation,
        'DateOfBirth': dob,
        'PhoneNumber': phone,
        'Photo': photo_src
    })

3. 生成HTML展示页面 #

将包含Base64图片的数据渲染到HTML中，直接打开就能看到完整数据（包括图片）：

# 构建HTML内容
html_template = '''
<html>
<head>
    <title>FileData 数据展示</title>
    <style>
        table { border-collapse: collapse; width: 90%; margin: 2rem auto; }
        th, td { border: 1px solid #eee; padding: 0.8rem; text-align: left; }
        th { background-color: #f5f5f5; font-weight: 600; }
        img { width: 120px; height: 120px; object-fit: cover; border-radius: 4px; }
    </style>
</head>
<body>
    <h1 style="text-align:center; margin: 2rem 0;">FileData 数据展示</h1>
    <table>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
            <th>Designation</th>
            <th>Date Of Birth</th>
            <th>Phone Number</th>
            <th>Photo</th>
        </tr>
'''

# 插入数据行
for item in data_list:
    html_template += f'''
        <tr>
            <td>{item['Id']}</td>
            <td>{item['Name']}</td>
            <td>{item['Age']}</td>
            <td>{item['Gender']}</td>
            <td>{item['Designation']}</td>
            <td>{item['DateOfBirth']}</td>
            <td>{item['PhoneNumber']}</td>
            <td><img src="{item['Photo']}" alt="{item['Name']}'s photo"></td>
        </tr>
    '''

html_template += '''
    </table>
</body>
</html>
'''

# 保存HTML文件
with open('FileData展示.html', 'w', encoding='utf-8') as f:
    f.write(html_template)

关键注意事项 #

• 图片格式适配：如果Excel中的图片是JPG、GIF等格式，需要动态调整Base64前缀，比如data:image/jpeg;base64,，可以通过img.image.format获取图片实际格式来修改。
• 行匹配准确性：确保图片绑定的行号与数据行号完全对应，如果你的Excel表头不在第一行，需要调整min_row参数以及行号的计算逻辑。
• 性能优化：如果Excel中包含大量高清图片，Base64编码会显著增大HTML文件体积，可以在编码前对图片进行压缩处理。

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