2010-01-08 4 views
1

Я пытаюсь загрузить изображение и после загрузки хочу показать его в элементе управления изображением. Мой код:ASP.Net Ajax Загрузка файла

<form id="form1" runat="server"> 
    <div> 

     <asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 

     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <asp:FileUpload ID="FileUploadTest" runat="server" /> 
       <asp:Button ID="ShowImage" runat="server" Text="Show" 
        onclick="ShowImage_Click" /> 
       <asp:Image ID="ImageUploaded" runat="server" Height="150px" Width="150px" 
        ImageUrl="~/images/blankImage.gif" /> 
       <asp:Label ID="Label1" runat="server" Text=""></asp:Label> 
      </ContentTemplate> 
      <Triggers> 
       <asp:PostBackTrigger ControlID="ShowImage" /> 
      </Triggers> 
     </asp:UpdatePanel> 
    </div> 
    </form> 

C# код:

protected void ShowImage_Click(object sender, EventArgs e) 
     { 
      Label1.Text = ""; 
      if (FileUploadTest.HasFile) 
      { 
       try 
       { 
        if (FileUploadTest.PostedFile.ContentType == "image/jpeg") 
        { 
         if (FileUploadTest.PostedFile.ContentLength < 102400) 
         { 
          string filename = Path.GetFileName(FileUploadTest.FileName); 
          string imageSavePath = Server.MapPath("~/images/") + filename; 
          FileUploadTest.SaveAs(imageSavePath); 
          ImageUploaded.ImageUrl = imageSavePath; 
          ImageUploaded.Visible = true; 
          Label1.Text = "Upload status: File uploaded!"; 
         } 
         else 
          Label1.Text = "Upload status: The file has to be less than 100 kb!"; 
        } 
        else 
         Label1.Text = "Upload status: Only JPEG files are accepted!"; 
       } 
       catch (Exception ex) 
       { 
        Label1.Text = "Upload status: The file could not be uploaded. The following error occured: " + ex.Message; 
       } 
      } 
      else 
      { 
       Label1.Text = "No File !!!"; 
      } 

     } 

Но после нажатия кнопки шоу, изображение успешно загружена. Но контроль изображения исчез. Может ли кто-нибудь мне помочь?

+0

Загрузка файлов Ajax невозможна, но вы можете подделать ее с помощью iframe. Если вы перейдете непосредственно к изображению src в своем браузере, вы увидите изображение? –

ответ

3

Ваша проблема заключается в том, что у вас неправильный URL-адрес для изображения после его загрузки. Измените свой код на это:

ImageUploaded.ImageUrl = "~/images/" + filename;