在ASP.NET母版頁內容占位符上載之前如何預覽圖像

Question

在使用asp.net控件上傳到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。 此任務與服務器端控件無關。 您可以在此處閱讀有關js fileapi的信息。