UpdatePanel 内的图像在 Firefox 中不起作用

Question

我有一个在 Ajax UpdatePanel 内自动生成的图像。 该图像是从服务器端代码生成的图表。 谷歌一搜，发现是FF的bug。 有人有解决办法吗？

这是源代码（它还包含不需要的标签，我只是复制粘贴）

<div>
   <asp:UpdatePanel ID="UpdatePanelGraph" runat="server" UpdateMode="Conditional">
       <ContentTemplate>
           <asp:Panel ID="pnlGraph" runat="server" CssClass="container">
                <div id="chart">
                     <Web:ChartControl ID="chartExchange" runat="server" Width="300px" Height="200px" BorderStyle="None" GridLines="both" DefaultImageUrl="../images/noData.png" ShowTitlesOnBackground="False" BorderWidth="1px" Padding="1" HasChartLegend="False" BottomChartPadding="20" TopChartPadding="5" RightChartPadding="5" LeftChartPadding="20">
                            <Border Color="211, 224, 242"></Border>
                            <YAxisFont ForeColor="115, 138, 156" Font="Tahoma, 7pt" StringFormat="Far,Center,Character,LineLimit"></YAxisFont>
                            <XTitle ForeColor="115, 138, 156" StringFormat="Center,Near,Character,LineLimit">
                            </XTitle>
                            <XAxisFont ForeColor="115, 138, 156" StringFormat="Near,Near,Character,NoClip"></XAxisFont>
                            <Background Type="LinearGradient" Color="#C9DEFD" ForeColor="Transparent" EndPoint="500, 500">
                            </Background>
                            <ChartTitle ForeColor="51, 51, 51" Font="Verdana, 9pt, style=Bold" StringFormat="Near,Near,Character,LineLimit">
                            </ChartTitle>
                            <Charts>
                                <Web:SmoothLineChart Name="buy" Legend="Blen">
                                    <Line Color="ActiveCaption"></Line>
                                    <DataLabels>
                                        <Border Color="Transparent"></Border>
                                        <Background Color="Transparent"></Background>
                                    </DataLabels>
                                </Web:SmoothLineChart>
                                <Web:ColumnChart Name="avgChart">
                                </Web:ColumnChart>
                            </Charts>
                            <YTitle ForeColor="115, 138, 156" StringFormat="Center,Near,Word,LineLimit"></YTitle>
                    </Web:ChartControl>
                </div>                
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

Answer 1

您使用什么版本的 .NET？ 3.5 框架有一个新的图形控件。 我花了几天时间试用它，并对它的强大功能感到惊讶。 我也在 UpdatePanels 中使用它，没有任何问题。

Answer 2

这也不是一个好的解决方案，将可缓存性设置为 nocache 解决了我的问题。 我在我的页面加载上写下了这个

  Response.Cache.SetCacheability(HttpCacheability.NoCache);

它也可以通过设置此代码来工作

<script type="text/javascript">

      var prm = Sys.WebForms.PageRequestManager.getInstance();
      prm.add_pageLoaded(pageLoaded);
      var c = 0;
      function pageLoaded(sender, args)
      {
      var img = document.getElementById("ctl00_ctl00_MainContent_MainContent_chartExchange");
      c++;
      img.src = img.src + "?" + c;
      }

</script>

Answer 3

在我看来，无论如何，您在 FF 或 IE 上都应该遇到同样的问题。

我在你的更新面板上注意到你有，

UpdateMode="Conditional"

但你没有指定任何触发器。 这意味着更新面板的内容不会被除更新面板内我看不到的任何按钮之外的任何其他内容触发。 尝试将 UpdateMode 更改为“始终”进行调试，看看是否可以解决您的问题，并从那里找出适当的触发器。

Answer 4

编辑：

您可以控制如何创建图形名称/文件名并将其呈现到浏览器吗？ 浏览器可以缓存图像吗？ 我在使用 AJAX 调用在 Java/JSP 中进行图形打包时遇到了问题。 我必须将 GUID 附加到 AJAX url 查询字符串变量来解决缓存问题。

Answer 5

使用 FireBug 进行的一些挖掘让我发现，无论我选择 120 Ditë 还是 30 Ditë 或梅萨塔雷特。 看起来您的图表控件返回了相同的图像 URL，即使其背后的数据发生了变化。 对我来说听起来像是控件中的错误。

您可以使用 WebCharts 目录中的 web.config 来设置从那里提供的图像的可缓存性，以使它们永远不会被缓存。