ASP.NET Core从数据库取路径替换img标签src的实现问题

一、修正后端代码 #

1. 修复文件路径转义问题：原路径中的\会被识别为转义字符，需用@前缀定义字符串，或者将\替换为\\。
2. 直接替换img的src占位符：避免通过JS间接赋值（若用于生成PDF等场景，JS可能不被渲染引擎支持）。

修正后的后端代码：

var res = await _employeeRepository.GetEmployeeFormPDF(employeeId);
EmployeeGetFormPDF getEmployeeFormPDF = res.Data;

// 使用@前缀避免转义问题
var htmlPath = @"F:\Projects\EmployeeManagentSystemTask\EmployeeTask\EmployeeManagement\employeeform.html";
var html = System.IO.File.ReadAllText(htmlPath);
// 直接替换img的src占位符
html = html.Replace("@PhotoPath", getEmployeeFormPDF.Photopath);

二、修正HTML结构与占位符 #

1. 修复HTML语法错误：移除多余的<body>标签，补充正确的<head>结构。
2. 将img的src直接设置为占位符@PhotoPath，无需额外JS。

修正后的HTML：

<html>
<head>
</head>
<body>
    <table>
        <tr>
            <td><img src="@PhotoPath" width="100" height="100"></td>
            <td><img src="" width="100" height="100"></td>
        </tr>
    </table>
</body>
</html>

三、额外注意事项 #

• 路径合法性：确保getEmployeeFormPDF.Photopath是可访问的路径：
  • 若为本地绝对路径，需确保渲染HTML的环境有权限读取该文件；
  • 若为Web相对路径（如/uploads/photos/xxx.jpg），需确保该路径在Web服务器中可被访问；
• PDF生成场景：若最终要将HTML转为PDF，需注意PDF渲染引擎（如wkhtmltopdf、iTextSharp）对路径的支持，必要时可将本地图片转为Base64嵌入HTML，避免路径访问问题。

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