破碎的asp：Safari浏览器中的图像

Question

我正在使用这样的 ASP.net 图像标签。

<asp:Image ID="Image6" runat="server" ImageUrl='<%#Eval("DeviceStatusFlag")%>' alt=''/>

现在，当 ImageURL 为空白时，通常会在某些浏览器（如 Firefox）中显示损坏的图像，但在使用 ält='' 后，这些浏览器不会显示任何内容来代替图像，这很好。 但在 Safari 浏览器中，我仍然看到一个 ? ImageURL 为空时标记图片图标。

也试过用这个，

 <asp:Image ID="Image6" runat="server" ImageUrl='<%#Eval("DeviceStatusFlag")%>' AlternateText = '' GenerateEmptyAlternateText='true' />

但它也不适用于 Safari。

如何为 Safari 解决这个问题？

Answer 1

首先我怀疑这是一个 asp:image 问题，如果你用标准的 HTML img 标签替换它，我可以想象它会做同样的事情。

显然 safari 想要以这种方式渲染空的 src 属性。如果它是空的，您可以使用 JavaScript 将其隐藏，或者添加透明图像而不是任何内容。

我个人认为有一个空的图像 src 不是一个好习惯。

您还可以使用带有背景图像 src 的 div，它将无作为设置处理。

编辑：alt 标签是用于关闭图像或用于可访问性的替代文本。虽然这可能会改变某些浏览器的行为，但这不是它的意图。

编辑 2。

隐藏你的 asp.net 服务器控件。

<asp:Image ID="Image6" runat="server" visible="False" ImageUrl='<%#Eval("DeviceStatusFlag")%>' alt=''/>

在服务器端更改ImageUrl 和Visible 可能更容易。

<asp:Image ID="Image6" runat="server">

如：

Image6.Visible = False
Image6.ImageUrl = DeviceStatusFlag

或

获取被渲染的<img标签的实际渲染url。

使用

Image6.ClientID

您可以将其轻松嵌入到 HTML 中，如下所示：

<script>

function setImageVisibility() {
  var imageID = "<%=Image6.ClientID%>",
      imageElement = document.getElementById(imageID);

  if(imageElement) {
     if(imageElement.src === "") {
           imageElement.style.visibility = "hidden";
     }
  }

}

setImageVisibility();

</script>