Как просмотреть изображение перед загрузкой на заполнителе главной страницы ASP.NET

Question

Как просмотреть изображение перед загрузкой в ​​asp.net masterpage content placeholder с помощью элементов управления asp.net? Я бы предпочел, чтобы он автоматически отображался после выбора изображения из элемента управления загрузкой файла.

Вот мой код:

UploadPicture.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="content" runat="server"> 

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-3"> 

      <asp:FileUpload ID="FileUpload1" runat="server"/> 

      <asp:Image ID="image" runat="server"/> 

      <asp:TextBox ID="textBox1" runat="server"></asp:TextBox> 

      <asp:Button ID="upload" runat="server" OnClick="upload_Click" Text="Upload" /> 

      <asp:Label ID="lb_msg" runat="server"></asp:Label> 

     </div> 
    </div> 
</div> 

Спасибо!

Answer 1

Единственный способ предварительного просмотра изображения до фактического сообщения на сервер - использовать файл javascript api. Эта задача не связана с элементами управления серверами. Вы можете read here о js fileapi.