2010-01-08 242 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,你能看到图像吗? – 2010-01-08 18:55:16

回答

3

你的问题只是你上传后的图像有错误的URL。将您的代码更改为:

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