如何使锚标记的 href 依赖于 class 属性?
How do you make the href of an anchor tag dependent on a class property?
我已经在 ASP.NET CORE Razor WebApp 中为 table 的客户创建了一个页面,我正在尝试从 link 下载图像和文件数据库。客户 class 有包含图像 URL 的字符串 属性“Picture”。由于数据库不断增长,我无法将 URL 硬编码到锚标记中,但我无法将 href 设置为客户的图片 属性。这是我尝试过的一种方法的片段:
@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 以生成 link。浏览器下载了一些东西,但说它是一个空文件。我也试过这个:
@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>
这甚至不会生成 link。
我要去哪里 wrong/is 还有另一种方法可以解决这个问题吗?
我一直在阅读其他用户提出的类似问题,但每个人似乎都有一个静态 URL 可以直接放在锚标记中。我是新手,非常感谢任何帮助!
更新
href=@item.Picture
这就是我所缺少的,感谢您的帮助
我不确定,有一段时间没用过剃须刀了,但我觉得它有点像
<a href="@item.Picture">
我已经在 ASP.NET CORE Razor WebApp 中为 table 的客户创建了一个页面,我正在尝试从 link 下载图像和文件数据库。客户 class 有包含图像 URL 的字符串 属性“Picture”。由于数据库不断增长,我无法将 URL 硬编码到锚标记中,但我无法将 href 设置为客户的图片 属性。这是我尝试过的一种方法的片段:
@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 以生成 link。浏览器下载了一些东西,但说它是一个空文件。我也试过这个:
@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>
这甚至不会生成 link。
我要去哪里 wrong/is 还有另一种方法可以解决这个问题吗?
我一直在阅读其他用户提出的类似问题,但每个人似乎都有一个静态 URL 可以直接放在锚标记中。我是新手,非常感谢任何帮助!
更新
href=@item.Picture
这就是我所缺少的,感谢您的帮助
我不确定,有一段时间没用过剃须刀了,但我觉得它有点像
<a href="@item.Picture">