【问题标题】:Images not display on Chrome and FF图像不显示在 Chrome 和 FF 上
【发布时间】:2013-03-07 13:59:49
【问题描述】:

我将图像存储在 mysql 数据库中,并借助图像路径和名称,通过使用图像超链接检索数据列表中的图像。现在我面临一个问题,图像显示在 IE 上,但不在 FF 和 chrome 上。我的侧aspx代码如下:

 <div>
    <asp:DataList ID="dtlistImages" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"
                        BorderColor="#336699" BorderStyle="Solid" BorderWidth="2px">
            <ItemTemplate>
        
            <asp:hyperlink ID="Hyperlink1" style="float:right; margin:5px; margin-left:10px; border:2px solid #BAB9BE;" Width="90px" Height="95px" runat="server" NavigateURL='<%# Eval("img_big") %>' ImageUrl='<%# Eval("img_tb") %>' Autopostback="true" />    </br>
                 <asp:Label ID="lblID" runat="server" Text='<%# Eval("pageNumber") %>' Font-Bold="true"
                            Font-Size="10pt" ForeColor="#336699" Width="100%"/>                            
                 </ItemTemplate>
                 <ItemStyle HorizontalAlign="Center" VerticalAlign="Top" />    
    </asp:DataList>
    </div>

在 chrome 上显示快照的图像类似于(不显示图像):

在 IE 上显示快照的图像类似于(显示图像):

我面临的真正问题是什么。我使用 html 图像标签、asp Image、ImageButton 但不显示单个图片缩略图。为什么????当我看到视图源时,缩略图源是准确的,但未在数据列表中显示图像。这个问题是我只在 FF 和 Chrome 上面临的,IE 显示我想要的。请帮助我摆脱困境。图像存储在 Mysql 中,我使用的是 .net IDE。

【问题讨论】:

  • 渲染的html是什么?此外,您的代码中的大小写和事件(特别是当OnClick 可以使用时)存在一些问题。
  • 你能清理一下代码示例吗 - 它充满了似乎无关紧要的注释掉的代码。
  • @Kanagis:我没有删除注释标签以表明我使用所有可能的图像标签来显示图像但没有成功
  • @MikeSmithDev: OnClick 用于我评论并使用 asp:hyperlink 的图像标签上,因为我还想在单击图像缩略图和超链接控件时导航 url 我没有使用 OnClick,那么为什么同样的问题我面对。我重新安装了 FF 和 chrome 但还没有解决问题:(
  • @Mohsinjan110 我的意思是,OnClick 在你使用它的方式上有不同的含义。 OnClick != onclick

标签: c# asp.net mysql


【解决方案1】:

您不应使用文件共享呈现图像链接。相反,您必须:

  • 创建一个自定义处理程序(页面),从共享中读取图像并在 HTTP 响应中返回它

    -或-

  • 在 IIS 中映射共享为虚拟目录并将链接指向那里。

【讨论】:

    【解决方案2】:

    我同意 Mike 的观点,呈现的 HTML 会很有帮助。在您的代码 sn-p 的第 4 行,您开始一个锚标记。结束标签被注释掉。也许 IE 对格式错误的 HTML 更宽容? Hyperlink 控件也没有 AutoPostBack 属性。

    【讨论】:

      猜你喜欢
      • 2016-10-31
      • 2013-12-23
      • 1970-01-01
      • 1970-01-01
      • 2011-09-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多