C# 如何使用图像更新面板

我想使用带有图像的更新面板。 当图像选择并显示用于预览时，则仅更新该零件

<div class="field-block button-height">
  <label for="file" class="label">
    <b>Image</b> (*.jpg)
  </label>
  <table>
    <tr>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
          <td>
            <span class="input file">
              <span class="file-text"></span>
              <span class="button compact">Select file</span>
              <asp:FileUpload ID="fuMovieLogo" runat="server" CssClass="file withClearFunctions />"
            </span>
            <br />
            <small class="input-info">Max file size: 2MB</small>
            <asp:Button ID="btnPreview" runat="server" Text="Preview" onclick="btnPreview_Click" />
            <asp:Button ID="btnCancelprev" runat="server" Text="Cancel" onclick="btnCancelprev_Click"/>
          </td>
          <td style="padding-left:10px">
            <asp:Image ID="imgTheatreLogo" runat="server" Width="130px" />
            <br />
            <asp:Label ID="lblupdatelogo" runat="server" CssClass="lbl" Visible="false" Text="FDMovieUntitled.jpg"></asp:Label>
          </td>
        </ContentTemplate>
        <Triggers>
          <asp:AsyncPostBackTrigger ControlID="btnPreview" EventName="Click" />
          <asp:AsyncPostBackTrigger ControlID="btnCancelprev" EventName="Click" />
        </Triggers>
      </asp:UpdatePanel>
    </tr>
  </table>
</div>

图像（*.jpg）
选择文件
因此，您只需要稍微重新构造标记。您需要将
imgTheatreLogo
放在更新面板内。触发器实际上由更新面板外部的控件处理。有关
UpdatePanel
的具体工作方式的参考信息

<?xml version="1.0" encoding="utf-8"?>
<div class="field-block button-height">
  <label for="file" class="label">
    <b>Image</b> (*.jpg)
  </label>
  <table>
    <tr>
      <td>
        <span class="input file">
          <span class="file-text"></span>
          <span class="button compact">Select file</span>
          <asp:FileUpload ID="fuMovieLogo" runat="server" CssClass="file withClearFunctions />"
        </span>
        <br />
        <small class="input-info">Max file size: 2MB</small>
        <asp:Button ID="btnPreview" runat="server" Text="Preview" onclick="btnPreview_Click" />
        <asp:Button ID="btnCancelprev" runat="server" Text="Cancel" onclick="btnCancelprev_Click"/>
      </td>
      <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
          <td style="padding-left:10px">
            <asp:Image ID="imgTheatreLogo" runat="server" Width="130px" />
            <br />
            <asp:Label ID="lblupdatelogo" runat="server" CssClass="lbl" Visible="false" Text="FDMovieUntitled.jpg"></asp:Label>
          </td>
        </ContentTemplate>
        <Triggers>
          <asp:AsyncPostBackTrigger ControlID="btnPreview" EventName="Click" />
          <asp:AsyncPostBackTrigger ControlID="btnCancelprev" EventName="Click" />
        </Triggers>
      </asp:UpdatePanel>
    </tr>
  </table>
</div>


图像（*.jpg）
选择文件
我这样做了，但图像看不见。@Vipalparmar，您是否将其设置为服务器端？您必须实际上传图像服务器端，保存它，然后将其设置为图像上的
src
。