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

Question

我是否因为某种原因遗漏了某些内容，所以此表中不会包含任何图像。

我尝试过使用和不使用宽度和高度，甚至尝试硬编码测试图像 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>

Answer 1

你只是在那里传递 url。没有 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 样式设置最小宽度和高度也更好。