アップロード時に画像のプレビューを表示する方法

Question

私が望むのは、画像の名前を表示するとすぐにFileUploadタグから画像をアップロードすると、画像の下の画像ボックスに画像のプレビューが表示されますアップロードされています。

ファイルアップロード用のタグ

<asp:FileUpload ID="FileUpload1" CssClass="form-control" runat="server" width="280px" /> 

の背後にある画像のタグ

<asp:Image ID="Image1" runat="server" Height="221px" Width="212px" /> 

のコードでは、 "画像" フォルダがホストマシン上で

string path = Server.MapPath("~/Images/"); 
     if(FileUpload1.HasFile) 
     { 
      string extension = Path.GetExtension(FileUpload1.FileName); 
      FileUpload1.SaveAs(path + FileUpload1.FileName); 
      string name = "~/Images/" + FileUpload1.FileName; 
      Image1.ImageUrl = name; 
     } 

です。画像はユーザによってアップロードされる。同じページ（フォーム）に画像のプレビューが表示されます。

Answer 1

私のプロジェクトでこのコードを使用してください。

`

if (uploadfilee.HasFile) 
    { 
     string str = uploadfilee.FileName; 

     uploadfilee.PostedFile.SaveAs(Server.MapPath(".") + "/images/" + str); 
     string path = str.ToString(); 
     image1.Imageurl = path; 
    } 

`