如何处理/删除破碎的图像图标的imagebutton在asp.net

本文关键字：图标 图像 imagebutton net asp 破碎 删除 何处理 处理 | 更新日期: 2023-09-27 17:50:27

我试图添加替代图像，如果图像被打破，我们也可以删除破碎的图像图标?下面是我的代码:

<asp:ImageButton 
    AlternateText = " " 
    onerror = "imgError(this)" 
    ID = "ImageButton111" 
    runat="server" 
    Width = "140" 
    Height = "140" 
    CommandName = "image1" 
    CssClass = "imagetest" 
    CommandArgument = "image"  
    CausesValidation = "false" 
    ImageUrl='<%# "loadImage.ashx?RollNo=" + Eval("RollNO")%>' 
/>

    function imgError(image) {
    image.onerror = "";
    image.src = "~/images/no-hit.gif";
    return true;
}

如何处理/删除破碎的图像图标的imagebutton在asp.net

我认为AlternateText本身是一个内置功能，用于设置文本代替图像，以防图像无法正常加载

或者，如果你想要一个替代的图像，使用:

<img src="image.gif" onerror="changeImage('alternate_image.gif')">

并在javascript函数中设置备用图像:

function changeImage(altImage){
$(this).attr('src',altImage.toString());
}

希望有帮助

我会摆脱onerror事件，并实现它在你的CodeBehind。这样，即使JavaScript被禁用，您仍然可以得到想要的结果。我使用了HttpWebRequest。它只是检查HEAD，所以它实际上并没有下载文件，它只是检查图像是否可以访问。

   HttpWebRequest request = (HttpWebRequest)HttpWebRequest.Create(ImageButton1.ImageUrl);
    request.Method = "HEAD";
    try
    {
        request.GetResponse();
    }
    catch
    {
        ImageButton1.ImageUrl = "yournewimage.jpg";
    }

你可以像这样改变你的数据标记，在你创建图像的地方

<%
    string filePath = "loadImage.ashx?RollNo=" + Eval("RollNo");
    if (IsImageValid(filePath))
    {
    %>
      <asp:ImageButton AlternateText=" " ID="ImageButton111" runat="server"
          Width="140" Height="140" CommandName="image1" CssClass="imagetest" CommandArgument = "image"
    CausesValidation="false" ImageUrl='<%# "loadImage.ashx?RollNo=" + Eval("RollNO")%>' />
   <%}
      else
   {%>
     <asp:ImageButton AlternateText=" " ID="ImageButton1" runat="server"
        Width="140" Height="140" CommandName="image1" CssClass="imagetest" CommandArgument="image"
         CausesValidation="false" ImageUrl="~/images/no-hit.gif" />
  <%} %>

现在你要做的是创建一个不同的图像，如果图像是破碎的

IsImageValid函数可以这样定义

public bool IsImageValid(string filename)
{
    try
    {
        System.Drawing.Image newImage = System.Drawing.Image.FromFile(filename);
    }
    catch (OutOfMemoryException ex)
    {
        // Image.FromFile will throw this if file is invalid.
        // Don't ask me why.
        return false;
    }
    return true;
}

这些都可以在OnItemDataBound事件中完成，甚至更容易。

相关文章：