时间戳

首页 > 解决方案 > 使用 Razor 语法将图像插入 td 表元素

c# - 使用 Razor 语法将图像插入 td 表元素

问题描述

我是否遗漏了某些东西，因为由于某种原因，这张表中不会有任何图像。

我尝试过使用和不使用宽度和高度，甚至尝试硬编码测试图像 url。图像不会显示

 <table id="mediaTable" class="table">
    <thead>
        <tr>                
            <th>
                @*Image*@
            </th>                
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.UploadedMediaItems)
        {
            <tr id="imageName" hidden="hidden">
                <td width="200px" height="200px">
                    <img src='@Model.UploadedMediaItems[0].url' />
                </td>
            </tr>
        }
     </tbody>
 </table>

标签： c#html-tablerazorengine

解决方案

您只是在那里传递网址。没有 img 元素。将图像标签放在那里并将其 src 属性设置为此 @Model.UploadedMediaItems[0].url

 <td width="200px" height="200px">
       <img src='@Model.UploadedMediaItems[0].url' alt="Meida Items" width="200" height="200" />
 </td>

此外，最好通过 css 样式设置最小宽度和高度。

推荐阅读