在图像标签中使用 cshtml？

Posted 2023-02-15

【中文标题】在图像标签中使用 cshtml？

【英文标题】：Use cshtml in image tag?

【发布时间】：2021-12-11 11:37:08

【问题描述】：

我在 cshtml 文件中有一个 svg 代码。想知道是否有办法将该代码/svg 添加到图像标签中（这样我就可以利用图像标签的 alt 标签来实现可访问性）

circle.cshtml

<svg  >
  <circle cx="50" cy="50" r="40" stroke="black" stroke- fill="red" />
  Sorry, your browser does not support inline SVG.  
</svg> 

myview.cshtml

<img src="@Html.Partial(~/circle.cshtml)" comcopy">您可以将 svg 编码为数据 uri。 developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/…。所以你需要弄清楚如何从IHtmlContent 中读取数据并对结果进行编码......
                
              
                
                        
            
        
    

            

 
             
            【参考方案1】： 
                

    
    
您应该在控制器中创建一个动作并返回此部分视图结果并在视图中使用图像 src 属性值。
在控制器中：
public ActionResult Circle()

    return PartialView("_circle");


剃须刀：
<img src="@Url.Action("Circle")" />

    
    
    





             
    
        
【讨论】：
以上是关于在图像标签中使用 cshtml？的主要内容，如果未能解决你的问题，请参考以下文章
 
 为啥我的 .Net Core 应用程序将 .cshtml 页面上脚本标签中的 js 文件作为 react js 应用程序的一部分处理？
 在 index.cshtml 页面上创建.cshtml？
 如何在 mvc4 中使用 href 链接 cshtml 页面
 asp.net _Layout.cshtml 仅在模型类型为 ______ 时加载脚本
 除了在cshtml中提交之外，如何对其他按钮使用验证？
 视图（.cshtml）文件中的编译错误