0

如果图像损坏,我正在尝试添加备用图像,我们也可以删除损坏的图像图标吗?这是我的代码:

<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;
}
4

3 回答 3

1

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

或者,如果你想要一个备用图像,使用这个:

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

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

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

希望能帮助到你 :)

于 2013-01-02T07:07:30.027 回答
0

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

   HttpWebRequest request = (HttpWebRequest)HttpWebRequest.Create(ImageButton1.ImageUrl);
    request.Method = "HEAD";

    try
    {
        request.GetResponse();
    }
    catch
    {

        ImageButton1.ImageUrl = "yournewimage.jpg";
    }
于 2013-01-02T05:53:10.810 回答
0

您可以像这样更改数据列表标记,即创建图像的位置

<%
    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 事件中完成,甚至更容易。

于 2013-01-02T07:01:14.353 回答