时间戳

首页 > 解决方案 > 如何使锚标记的 href 依赖于类属性？

html - 如何使锚标记的 href 依赖于类属性？

问题描述

我在 ASP.NET CORE Razor WebApp 中为客户表创建了一个页面，我正在尝试实现数据库中图像和文件的下载链接。客户类具有包含图像 URL 的字符串属性“图片”。由于数据库不断增长，我无法将 URL 硬编码到锚标记中，但我无法将 href 设置为客户的 Picture 属性。这是我尝试过的一种方法的片段：

@foreach (var item in Model.Customer)
{
    <tr>
        <td>
            <a id="downloadPictureLnk" download="Customer_Picture.png" href=item.Picture>Download Picture</a>
        <td>
    <tr>
}

但是，href 只是将 item.Picture 附加到现有 URL 以生成链接。浏览器下载了一些东西，但说它是一个空文件。我也试过这个：

  @foreach (var item in Model.Customer)
{
    <tr>
        <td>
            <a id="downloadPictureLnk" href="" onclick=Download()>Download Picture</a>
        <td>
    <tr>
}
<script>
    function Download() {
        downloadPictureLink = document.getElementById('downloadPictureLnk');
        downloadPictureLink.href = item.Picture;
        downloadPictureLink.download = String.Format("{0}_Picture", item.Name);
    }
</script>

这甚至不会生成链接。
我哪里错了/还有其他方法可以解决这个问题吗？我一直在阅读其他用户提出的类似问题，但似乎每个人都有一个静态 URL，可以直接放在锚标记中。我是新来的，所以非常感谢任何帮助！

更新
href=@item.Picture
这是我所缺少的，感谢您的帮助

标签： htmlhref

解决方案

我不确定，有一段时间没用过剃须刀了，但我认为它有点像 <a href="@item.Picture">

推荐阅读